ibcadmin 发表于 2019-12-26 09:08:40

VSCode中vue单文件组件模板设置

第一步:

第二步:

第三步:
打开vue.json文件后,假如是初次设置,应该如下图所示,绿色注释部分不消管,留意那两个白色大括号

第四步:在大括号内全部粘贴如下代码,生存即可完成vue模板的设置
"Print to vue": {"prefix": "vue","body": [   "",   "
",   "",   "",   "",   "",   "",   "",   "",   ""],"description": "快速创建vue单文件组件" }第五步:,每次创建完后缀为.vue的文件后,就可以通过在文件中输入vue来触发设置模板

第六步:效果图如下

提示:
这里需要先注释掉mounted(){}生命周期方法,等使用时再打开注释即可,一个内里什么也不界说的空mounted(){}在运行时会报错
第七步:
特别阐明:复制粘贴的代码中一些属性的作用
Print to vue:不消管它,没什么用prefix:触发模板的指令,可自行设置body:所设置的模板内容description:对模板的形貌,可自行设置留意:输出敏感字符",应该\",加个反斜杠输出敏感字符$,应该\\$ 渴望能帮到上进可爱的你,完。
页: [1]
查看完整版本: VSCode中vue单文件组件模板设置