VSCode-用户代码片段,代码模板

发布时间 2023-09-02 22:40:02作者: y_w_k

项目过渡到vue3,为了提高开发效率,减少重复代码编写,通过VSCode编辑器的Code Snippets完成代码。

实现效果,输入关键词Index,回车,会自动出现自定义的代码段。

1.打开VSCode,点击文件=》首选项-》配置用户代码片段

 

2.新建全局代码片段文件,输入文件名称,并回车

 

 

3.修改模板

其中“Description"指文字描述,“Tab-Trigger”指快捷键,“Your Snippet”表示代码块,

可以用过代码片段网站进行编辑 https://snippet-generator.app

进行如下图所示的配置,拷贝右侧内容到VScode编辑页面中

 

4.在编辑器中使用

打开空文件,输入关键词“Index",VSCode管自动联想用户自定义的代码片段,点击确认,即会显示

 

 

以上,仅用于学习和总结!