第一步、打开 Visual Studio Code，按Ctrl + Shift + P，输入：Configure User Snippets，选择 Preferences：Configure User Snippets。

Visual Studio 中自定义代码片段的方法 

第二步、回车后，选择一个配置文件，或者新建一个配置文件，我选择的是 HTML 配置文件。

第三步、按照示例添加吧，JSON 格式。

Visual Studio 中自定义代码片段的方法 

我增加了两个，一个是 style 的，一个是 script 的，如下：

{
 "Add style tag": {
  "prefix": "style",
  "body": [
  "<style type=\"text/css\">\r\n$1\r\n</style>"
  ],
  "description": "Add style tag"
 },
 "Add script tag": {
 "prefix": "script",
 "body": [
  "<script>",
  "$1",
  "</script>"
 ],
 "description": "Add script tag"
  }
}

Visual Studio 中自定义代码片段的方法 

如上，我采用了两种书写风格，都行。

其中：prefix就是我输入的时候会弹出来的提示，body就是我回车时自动插入的代码。

其中：$1是光标初始出现的位置；按下Tab时，光标将跳至$2；再按下Tab时，光标将跳至$3……最后是$0。

Visual Studio 中自定义代码片段的方法 

总结

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。