VisualStudioCode生成vue模板
在Vue项目中需要经常创建vue文件,所以利用VisualStudioCode的Snippets在。vue文件创建后生成模板,就省去了做重复的工作了。第一步
CtrlShiftp调出命令面板,输入Snippets,打开用户代码片段设置
第二步
输入vue并选择,VisualStudioCode会自动生成一个vue。json的文件。你可选择应用范围指定项目或者全部项目。
第三步
配置模板,下面贴一个我自己项目的配置模板{Placeyoursnippetsforvuehere。Eachsnippetisdefinedunderasnippetnameandhasaprefix,bodyanddescription。Theprefixiswhatisusedtotriggerthesnippetandthebodywillbeexpandedandinserted。Possiblevariablesare:1,2fortabstops,0forthefinalcursorposition,and{1:label},{2:another}forplaceholders。Placeholderswiththesameidsareconnected。Example:Printtoconsole:{prefix:log,body:〔console。log(1);,2〕,description:Logoutputtoconsole}Printtoconsole:{prefix:vue,body:〔template,0,template,,,stylescoped,style〕,description:Avuefiletemplate}}
最后
在新建的文件输入vue选择如图所示的代码片段即可