loading...
Vscode+Markdown高效配合记笔记
Published in:2022-04-02 |

[TOC]
参考:https://zhuanlan.zhihu.com/p/366596107

一.环境搭配

1.安装vscode

官网下载

2.中文支持

打开设置,点击插件面板(Ctrl+shift+X)输入 Chinese安装第一个插件
之后安装好重启即可

3.常用插件

点击插件面板(Ctrl+shift+X),搜索 Markdown-Notes-Pack(它是一个软件包,包含了常用的插件)

二.环境搭配

1.新建笔记工作区

工作区:即文件夹,包含笔记文件的根文件夹

2.新建笔记工作区笔记文件夹

根据不同类别新建子文件夹,之后新建文件,如 learn,md,后缀一定要是 .md(说明他是一个markdown文件)

3.新建Markdown笔记

输入:

1
# Hello,world!

然后按照先后顺序按下快捷键 Ctrl + K, V, 然后在右边就会出现预览窗口
(注意, 快捷键按下时要连贯, 并且按下 V 的同时不用按 Ctrl 键!)

4.修改预览窗口(Optional)

在搜索框输入 Preview Theme, 看见标题为 Preview Theme 的选项, 在下拉框中选择 atom-dark.css

三.Markdown语法

1.标题级别

1
2
3
4
5
6
7
# 一级标题

## 二级标题

### 三级标题

每写完一个段落要隔一行空行

2.小符号

1
2
3
4
5
6
7
8
9
10
11
12
---

分割线
---

**重点加粗**

*斜体*

~~删除线~~

Markdown Preview Enhanced 拓展功能:==高亮==

3.列表

(1)无序列表

1
2
3
4
5
* 无序列表
* 嵌套无序列表
* 嵌套无序列表
* 无序列表
* 无序列表

(2)有序列表

1
2
3
4
5
1. 有序列表 1
1. 嵌套有序列表 1
2. 嵌套有序列表 2
2. 有序列表 2
3. 有序列表 3

==Tips!==
ctrl+[ctrl+]分别表示代码向左和向右缩进

(3)任务列表

[Markdown Preview Enhanced 拓展功能]

1
2
3
4
5
- [x] 已经完成的事 1
- [x] 已经完成的事 2
- [x] 已经完成的事 3
- [ ] 仍未完成的事 4
- [ ] 仍未完成的事 5
  • [X] 已经完成的事 1
  • [X] 已经完成的事 2
  • [X] 已经完成的事 3
  • [ ] 仍未完成的事 4
  • [ ] 仍未完成的事 5

4.引用文本

1
2
3
> 引用别人说的话
> 就这样写
> By. OrangeX4

5.引用代码

(1)行内代码

1
这是 `行内代码` 语法.

(2)行内代码

代码块语法:

1
2
3
''' python
print("Hello, World!")
'''

(2)显示行数的代码块

[Markdown Preview Enhanced 拓展功能]

代码显示的是:

1
2
3
function add(x, y) {
return x + y
}

具体是:
‘’’javascript {.line-numbers}
这一行是加上行数的部分
function add(x, y) {
return x + y
}
‘’’
==Tips:==
实际中要将’换成`

6.设置链接

(1)超链接

1
[超链接名称](链接地址)

(2)链接

1
![图片提示语](图片地址)

(3)类似word插入图片

其实, 使用你已经安装了的 Paste Image 插件就行.

不过在使用之前, 你要做一点小调整:

按下 Ctrl + , 打开设置窗口, 输入 Paste Image Path 并搜索, 将框内的文本改成 ${currentFileDir}/images.

注意标题是 Paste Image: Path, 不要弄错了!

设置好之后, 你就可以使用剪贴板粘贴功能了!

按下快捷键 Ctrl + Alt + V,

就能把图片自动保存到当前目录下, 并以正确的格式粘贴到当前的 Markdown 文件中.

7.表格

1
2
3
4
| 表头 | 表头 |
| ---- | ---- |
| 内容 | 内容 |
| 内容 | 内容 |

得到的表格如下所示:

表头 表头
内容 内容
内容 内容

==Tips==
快捷键:

自动表格对齐: Shift + Alt + F

8.注释

注释不会被渲染出来.

你可以随手做点草稿, 如果还想保留着, 但是不显示, 就可以按下快捷键 Ctrl + \ 将当前行注释 / 反注释.

(1)单行注释

1
2

<!-- 你看不见我 -->

(2)多行注释

1
2
3
4

<!--
啦啦啦啦
你看不见我 -->

有一点很重要的就是, VSCode 会在你每次修改代码之后, 重新渲染一遍.

如果有很多很多的数学公式, 渲染会很慢, 这时候有两个建议:

  • 分成多个文件, 避免单文件过大!
  • 将你暂时不看的部分注释掉, 加快渲染速度!

9.数学公式

Markdown 的数学公式吸纳了大部分的 Latex 语法, 可以以一种简单的方式在 VSCode 中书写数学公式.

例如:

1
2
3
4
5
6
7
8
9
10
11
12
行内公式: 

单位圆 $x^2+y^2=1$

公式块:

$$
\begin{cases}
x=\rho\cos\theta \\
y=\rho\sin\theta \\
\end{cases}
$$

即:
行内公式:

单位圆 $x^2+y^2=1$

公式块:

  • VSCode 有着非常便捷好用的自动补全功能, 只需要简单地打出你想打的内容的几个字母 (乱序也行), 再使用 ↑ ↓ 进行选择, 最后按下回车就可以打出你想要的内容.
  • 再使用 HyperSnips 插件, 就能够写得飞快
  • 还有, 不要在公式内使用中文, 除非是 \text{中文} (但是也不推荐)

(1)上标和下标

1
2
3
上标 $x^2 + y^{12} = 1$

上标 $x_1 + y_{12} = 1$

上标 $x^2 + y^{12} = 1$

上标 $x1 + y{12} = 1$

自动补全:

  • ^{-1} ==> \\-1
  • \alpha_1,\alpha_2,\cdots,\alpha_n ==> \\comma

(2)分式

1
2
3
较小的行内行分数 $\frac{1}{2}$

展示型的分式 $\displaystyle\frac{x+1}{x-1}$

其中 \displaystyle表示的是把行内的展示为块状

较小的行内行分数 $\frac{1}{2}$

展示型的分式 $\displaystyle\frac{x+1}{x-1}$

自动补全:

  • 选中文本时 x+1+\\frac ==> \frac{x+1}{}
  • 在自动补全之后, 按下 Tab 键可以切换到下一个位置!

(3)根式

1
2
3
开平方 $\sqrt{2}$

开 $n$ 次方 $\sqrt[n]{2}$

开平方 $\sqrt{2}$

开 $n$ 次方 $\sqrt[n]{2}$

(4)空格

数学公式中的空格换行都会在编译时被忽略.

1
2
3
4
5
6
7
8
9
10
11
12
13
紧贴 $a\!b$

没有空格 $ab$

小空格 $a\,b$

中等空格 $a\;b$

大空格 $a\ b$

quad 空格 $a\quad b$

两个 quad 空格 $a\qquad b$

紧贴 $a!b$

没有空格 $ab$

小空格 $a\,b$

中等空格 $a\;b$

大空格 $a\ b$

quad 空格 $a\quad b$

两个 quad 空格 $a\qquad b$

(5)累加累乘累积

1
2
3
4
5
6
累加 $\sum_{k=1}^n\frac{1}{k}  \quad  \displaystyle\sum_{k=1}^n\frac{1}{k}$

累乘 $\prod_{k=1}^n\frac{1}{k} \quad \displaystyle\prod_{k=1}^n\frac{1}{k}$

积分 $\displaystyle \int_0^1x{\rm d}x \quad \iint_{D_{xy}} \quad \iiint_{\Omega_{xyz}}$

累加 $\sum{k=1}^n\frac{1}{k} \quad \displaystyle\sum{k=1}^n\frac{1}{k}$

累乘 $\prod{k=1}^n\frac{1}{k} \quad \displaystyle\prod{k=1}^n\frac{1}{k}$

积分 $\displaystyle \int0^1x{\rm d}x \quad \iint{D{xy}} \quad \iiint{\Omega_{xyz}}$

自动补全:

  • \\sum ==> \sum_{i=1}
  • \prod==>\prod_{i=1}
  • \\lim==>\lim_{x\to \infty}

(6) 括号修饰

用 \left 和 \right 可以让括号适配内部大

1
2
3
4
5
6
7
8
圆括号 $\displaystyle \left(\sum_{k=1}^{n}\frac{1}{k} \right)^2$

方括号 $\displaystyle \left[\sum_{k=1}^{n}\frac{1}{k} \right]^2$

花括号 $\displaystyle \left\{\sum_{k=1}^{n}\frac{1}{k} \right\}^2$

尖括号 $\displaystyle \left\langle\sum_{k=1}^{n}\frac{1}{k} \right\rangle^2$

圆括号 $\displaystyle \left(\sum_{k=1}^{n}\frac{1}{k} \right)^2$

方括号 $\displaystyle \left[\sum_{k=1}^{n}\frac{1}{k} \right]^2$

花括号 $\displaystyle \left{\sum_{k=1}^{n}\frac{1}{k} \right}^2$

尖括号 $\displaystyle \left\langle\sum_{k=1}^{n}\frac{1}{k} \right\rangle^2$
自动补全:

  • \\angel ==> \langle sum\rangle
  • \\set\{ \}
  • \\bracket\left( \right)
  • \\square_bracket\left[ \right]
  • \\curly_bracket\left\{ \right}

(7) 多行算式对齐

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
居中:

$$
\begin{aligned}
y &=(x+5)^2-(x+1)^2 \\
&=(x^2+10x+25)-(x^2+2x+1) \\
&=8x+24 \\
\end{aligned}
$$

左对齐:

$
\begin{aligned}
y &=(x+5)^2-(x+1)^2 \\
&=(x^2+10x+25)-(x^2+2x+1) \\
&=8x+24 \\
\end{aligned}
$

居中:

左对齐:

$
\begin{aligned}
y &=(x+5)^2-(x+1)^2 \
&=(x^2+10x+25)-(x^2+2x+1) \
&=8x+24 \
\end{aligned}
$

(8) 方程组

1
2
3
4
5
6
7
8
$$
\begin{cases}
k_{11}x_1+k_{12}x_2+\cdots+k_{1n}x_n=b_1 \\
k_{21}x_1+k_{22}x_2+\cdots+k_{2n}x_n=b_2 \\
\cdots \\
k_{n1}x_1+k_{n2}x_2+\cdots+k_{nn}x_n=b_n \\
\end{cases}
$$

(9) 矩阵

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
矩阵:

$$
\begin{pmatrix}
1 & 1 & \cdots & 1 \\
1 & 1 & \cdots & 1 \\
\vdots & \vdots & \ddots & \vdots \\
1 & 1 & \cdots & 1 \\
\end{pmatrix}

\quad

\begin{bmatrix}
1 & 1 & \cdots & 1 \\
1 & 1 & \cdots & 1 \\
\vdots & \vdots & \ddots & \vdots \\
1 & 1 & \cdots & 1 \\
\end{bmatrix}
$$

行列式:

$$
\begin{vmatrix}
1 & 1 & \cdots & 1 \\
1 & 1 & \cdots & 1 \\
\vdots & \vdots & \ddots & \vdots \\
1 & 1 & \cdots & 1 \\
\end{vmatrix}
$$

矩阵:

行列式:

自动补全:

  • \\p22matrix ==> \begin{pmatrix}1&1\\1&1\end{pmatrix}
  • \\b22matrix\begin{bmatrix}1&1\\1&1\end{bmatrix}
  • \\v22matrix\begin{vmatrix}1&1\\1&1\end{vmatrix}
  • \\c3vector\begin{pmatrix}1\\1\\1\end{pmatrix}
  • \\r3vector\begin{pmatrix}1&1&1\end{pmatrix}
    在自动补全之后, 按下 Tab 键可以切换到下一个位置!

(10) 特殊字符

查询链接:https://oeis.org/wiki/List_of_LaTeX_mathematical_symbols

这里罗列几个:
| 符号 | 含义 |
| —— | —— |
| $\alpha$ | \alpha |
| $\beta$ | \beta |
| $\kappa$ | \kappa |
| $\lambda$ | \lambda |
| $\psi$ | \psi |
| $\rho$ | \rho |
| $\digamma$ | |
| $\varepsilon$ | \varepsilon |
| $\Delta$ | |
| $\Gamma$ | \Gamma |
| $\Theta$ | \Theta |
| $\Upsilon$ | \Upsilon |
| $\chi$ | |
| $\mu$ | |
| $\nu$ | |
| $\sigma$ | |
| $\epsilon$ | |
| $\eta$ | |
| $\gamma$ | |
| $\pi$ | |
| $\omega$ | |
| $\phi$ | |
| $\theta$ | |
| $\vpsilon$ | |
| $\Psi$ | |
| $\Phi$ | |

(11) 公式编号与引用

1
2
3
4
5
6
7
8
9
10
11
$$
x+2 \tag{1.2}
$$

$$
\begin{equation}
x^n+y^n=z^n
\end{equation}
$$

由公式 $(1.2)$ 可得到结论

由公式 $(1.2)$ 可得到结论

(12) 其他表示

  • 基本运算:
    | 符号 | 表示 |含义 |
    | —— | —— | —— |
    | $\cdot$ | \cdot | 点乘 |
    | $\times$ | \times | 叉乘 |
    | $\otimes$ | \otimes | 亦或 |
    | $\oplus$ | \oplus | 直和 |
    | $\pm$ | \pm | 加减 |
    | $\circ$ | \circ | 复合 |

  • 大小关系:
    | 符号 | 表示 |含义 |
    | —— | —— | —— |
    | $\leq$ | \leq | 小于等于 |
    | $\geq$ | \geq | 大于等于 |
    | $\neq$ | \neq | 不等 |
    | $\equiv$ | \equiv | 恒等 |
    | $\approx$ | \approx | 约等 |
    | $\cong$ | \cong | 等价 |
    | $\sim$ | \sim | 相似 |
    | $\simeq$ | \simeq | 相似等价 |
    | $\doteq$ | \doteq | 点等 |

  • 逻辑关系:
    | 符号 | 表示 |含义 |
    | —— | —— | —— |
    | $\land$ | \land | 逻辑与 |
    | $\lor$ | \lor | 逻辑或 |
    | $\lnot$ | \lnot | 逻辑非 |
    | $\to$ | \to | 蕴含(推导至) |
    | $\leftrightarrow$ | \leftrightarrow | 等价 |

  • 连词表达:
    | 符号 | 表示 |含义 |
    | —— | —— | —— |
    | $\because$ | \because | 因为 |
    | $\therefore$ | \therefore | 所以 |
    | $\exist$ | \exist | 存在 |
    | $\forall$ | \forall | 任意 |

  • 箭头表示:

符号 表示 含义
$\leftarrow$ \leftarrow 左小箭头
$\rightarrow$ \rightarrow 右小箭头
$\Leftarrow$ \Leftarrow 左大箭头
$\Rightarrow$ \Rightarrow 右大箭头
$\xrightarrow[fgh]{abcde}$ \xrightarrow[fgh]{abcde} 右长箭头
  • 集合关系:
符号 表示 含义
$\in$ \in 属于
$\subset$ \subset 包含于
$\subseteq$ \subseteq 真包含于
$\cap$ \cap
$\cup$ \cup
$\empty$ \empty 空集
  • 向量表示:
符号 表示 含义
$\vec{x}$ \vec{x} 短向量
$\overrightarrow{AB}$ \overrightarrow{AB} 长向量
$\overline{p}$ \overline{p} 上横线
  • 极限表示:
符号 表示 含义
$\infty$ \infty 无限
$\lim$ \lim 极限
${\rm d}$ \{\rm d} 微分
$\partial$ partial 偏导
$\dot{y}$ \dot{y} 点求导
$\ddot{y}$ \ddot{y} 点二阶导
$\Delta$ \Delta 变化量
$\nabla$ \nabla 梯度
  • 省略表示:
符号 表示 含义
$\cdots$ \cdots 横省略
$\vdots$ \vdots 竖省略
$\ddots$ \ddots 斜省略
  • 常见函数:
符号 表示 含义
$\sin$ \sin 正弦函数
$\cos$ \cos 余弦函数
$\tan$ \tan 正切函数
$\arcsin$ \arcsin 反正弦函数
$\arccos$ \arccos 反余弦函数
$\arctan$ \arctan 反正切函数
$\ln$ \ln 以e为底的对数
$\log$ \log 对数
$\exp$ \exp 指数

(13) 输出PDF

我们在右侧预览栏邮件菜单, 选择在浏览器中打开.
在浏览器中右键选择打印.

四.VScode快捷键

1.原生快捷键

  • 通用操作
    • Ctrl + C, 复制当前文本
    • Ctrl + V, 粘贴当前文本
    • Ctrl + Z, 撤销
    • Ctrl + Shift + Z, 反撤销
    • Shift + Alt + F, 整理代码
    • Ctrl + /, 将当前行注释 / 反注释, 当多行文本被选中时, 将多行文本注释
  • 光标操作
    • Ctrl + ← 将光标向左移动一个单词
    • Ctrl + →将光标向右移动一个单词
    • Ctrl + Alt + ↑, 向上加入一个光标
    • Ctrl + Alt + ↓, 向下加入一个光标
    • Ctrl + Alt + U, 撤销上次光标操作
  • 界面移动
    • Ctrl + ↑ 向上移动当前界面
    • Ctrl + → 向下移动当前界面
  • 选中操作
    • Shift + ←向左选中 / 反选中一个字符(重要)
    • Shift + →向右选中 / 反选中一个字符(重要)
    • Ctrl + Shift + ←向左选中 / 反选中一个单词(重要)
    • Ctrl + Shift + → 向右选中 / 反选中一个单词(重要)
    • Ctrl + D当前有选中文本时, 将下一个与其相同的文本加入选中 (重要)
  • 文本行操作
    • Ctrl + C当前无选中文本时, 复制当前行
    • Shift + Alt + ↑向上复制当前行, 当多行文本被选中时, 向上复制多行 (重要)
    • Shift + Alt + ↓向下复制当前行, 当多行文本被选中时, 向下复制多行 (重要)
    • Alt + ↑向上移动当前行, 当多行文本被选中时, 将当前多行文本向上移动 (重要)
    • Alt + ↓向下移动当前行, 当多行文本被选中时, 将当前多行文本向下移动 (重要)

      2.插件增加的快捷键

  • Markdown 语法
    • Ctrl + B当前有选中文本时, 将文本加粗
    • Ctrl + I当前有选中文本时, 将文本变为斜体
    • Ctrl + M进入数学公式模式 (加入美元符)
  • 图片粘贴
    • Ctrl + Alt + V 粘贴剪贴板图片 (本地)
    • Ctrl + Alt + V 粘贴剪贴板图片 (图床)
      光标操作
    • Ctrl + Alt + U 将多选光标变为单选
      选中操作
    • Shift + Alt + ←向左复制当前选中文本 (重要)
    • Shift + Alt + →向右复制当前选中文本 (重要)
    • Alt + ←向左移动当前选中文本一个字符(重要)
    • Alt + →向右移动当前选中文本一个字符(重要)
    • Ctrl + Alt + ←向左移动当前选中文本一个单词(重要)
    • Ctrl + Alt + →向右移动当前选中文本一个单词(重要)
  • 计算器功能
    • Ctrl + Shift + Alt + E 计算当前选中表达式, 用等号连接并输出
    • Ctrl + Shift + Alt + R计算当前选中表达式, 并替换当前选中表达式
    • Ctrl + Shift + Alt + D 定义当前选中表达式, 无输出
Next:
catalog
catalog