VS Code —— 介绍如何配置快捷代码片段和一些自用插件
在Visual Studio Code中,可以通过以下步骤配置代码片段(快捷建)和安装自用插件:
配置代码片段(快捷建):
- 打开VS Code。
- 按下
Ctrl
+K
和Ctrl
+S
(在Mac上是Cmd
+K
和Cmd
+S
)打开用户代码片段配置。 - 选择你想要编辑的语言代码片段,如果没有你的语言,你可以通过点击
New Snippets...
并输入文件名来创建一个新的语言代码片段文件。 输入你的代码片段,例如:
{ "Print to console": { "prefix": "log", "body": [ "console.log('$1');", "$2" ], "description": "Log output to console" } }
- 保存你的代码片段文件。
安装自用插件:
- 打开VS Code。
- 按下
Ctrl
+Shift
+X
(在Mac上是Cmd
+Shift
+X
)打开扩展管理器。 - 在搜索框中输入你想要安装的插件名称。
- 点击对应插件的
Install
按钮进行安装。
以下是一个配置JavaScript代码片段的例子:
- 打开VS Code。
- 按下
Ctrl
+K
和Ctrl
+S
(在Mac上是Cmd
+K
和Cmd
+S
)。 - 选择或创建
JavaScript.json
文件。 - 输入以下代码:
{
"Print to console": {
"prefix": "log",
"body": [
"console.log('$1');",
"$2"
],
"description": "Log output to console"
}
}
- 保存
JavaScript.json
文件。
以下是安装插件的例子:
- 打开VS Code。
- 按下
Ctrl
+Shift
+X
(在Mac上是Cmd
+Shift
+X
)。 - 在搜索框中输入
ESLint
。 - 点击
Install
按钮安装ESLint
插件。
评论已关闭