VScode如何快速生成.vue文件的模板

选择VScode顶部菜单：文件 -> 首选项 -> 用户代码片段；

在弹出的输入框中输入vue，选择vue.json文件；

使用如下配置内容替换里面的文件即可；

vue.json：

{

 "Print to console": {

   "prefix": "vue",

   "body": [

     "",

     "",

     "",

     ""

 ],

   "description": "Log output to console"

 }

}

$0 表示你希望生成代码后光标的位置；

prefix 表示生成对应预设代码的命令，这里配置表示输入vue然后回车就会生成；

这样我们新建一个xx.vue文件，输入vue以后回车即可生成vue模板代码。

本文章由javascript技术分享原创和收集