VS Code —— 介绍如何配置快捷代码片段和一些自用插件
warning:
这篇文章距离上次修改已过441天,其中的内容可能已经有所变动。
在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插件。
评论已关闭