诺小新 | Neuerliu
0%

VScode使用(二)

Posted on In

这里将介绍一些我比较常用的VScode的小trick

1.代码片段的使用

代码片段的使用能极大方便我们的编程，减少输入模板类型的代码

1.1 使用内置的代码片段

输入ctrl+shift+P进行所有命令，输入insert Snippet 可以查看所有的代码片段

1.2 自定义代码片段

输入ctrl+shift+P进行所有命令，输入configure user snippet设置自定义代码片段

具体设置代码片段需要编辑以下部分：

1
2
3
4
5
6
7
8
9
"Print to console": {
 	"scope": "javascript,typescript",
 	"prefix": "log",
 	"body": [
 		"console.log('$1');",
			"$2"
 	],
 	"description": "Log output to console"
 }

其中：

  • scope表示该代码片段应用的语言
  • prefix表示输出该代码片段时需要在编辑器中键入的内容
  • body是代码片段的具体内容
  • description描述该代码片段的作用

需要注意的是：

  • 上述代码片段中每一行需要用""括起，同时用,表示切换下一行
  • $表示代码片段导入后光标的位置，光标出现位置的顺序由后面的数字决定，切换位置需使用tab
  • $<数字>:<默认内容>可以加入默认内容

2.marp的使用

我们可以使用marp在Vscode中快速构建slides。

2.1 marp的安装

在扩展中搜索marp并安装(注意如果安装了markdown preview enhanced，需要禁用此扩展，否则无法正常预览slides)

2.2 marp的基本使用

  • 新建md文件后，在文件头输入：
1
2
3
---
marp: true
---

启用marp

  • 输入新内容并实时预览
1
2
3
4
5
6
7
8
9
# Hello Marp
你好，marp！
- 这是第一条
- 这是第二条

---
# 第二张slide
- 这是第一条
- 这是第二条

紧接着之前的文件头输入以上内容，可以使用ctrl+shift+v开启新页面预览，也可以使用ctrl+K V分屏实时预览。

详细教程见marp