vs code设置自定义代码块的方法

作为一个自由度这么高的编辑器,当然要利用好他的这一点,可以大大地提高编写效率。

  1. 首先打开“首选项”,选择“用户代码片段”。
image.png
  1. 然后再选择你需要将此代码块作用在哪种类型的文件。
image.png
  1. 然后需要配置一个json文件,下图是一个模版


    image.png

记得在外面包一层 “{}" ,然后每一个代码块就写一个类似该模版的对象,中间用 "," 隔开。

其中"prefix"为触发代码块的字符, "Print to console"为输入了触发字符之后的提示语。如下

"body"是代码块具体内容,"description"是高亮部分的描述。

"body"中的1是出现代码块之后光标所在的位置,还有输入使用2,3等等,只要编辑完第一个位置,按tab即跳到第二个位置,以此类推。同时也可以存在多个同样的几,即同时编辑这几个位置。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容