欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-09 17:05:10
第一步、打开 visual studio code,按ctrl + shift + p,输入:configure user snippets,选择 preferences:configure user...

第一步、打开 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 中自定义代码片段的方法 

总结

到此这篇关于visual studio 中自定义代码片段的方法的文章就介绍到这了,更多相关visualstudio自定义代码段内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!