1.安装vscode
官网地址:https://code.visualstudio.com/
2.安装一个插件,识别vue文件
插件库中搜索Vetur,下图中的第一个,点击安装,安装完成之后点击重新加载
微信图片_20180723174649.png
3.新建代码片段
文件-->首选项-->用户代码片段-->点击新建代码片段--取名vue.json 确定
4.删除不要的代码
5.粘入自己写的.vue模板
{
"Print to console": {
"prefix": "vue",
"body": [
"",
"",
"
$5
",
"",
"",
"
"//这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)",
"//例如:import 《组件名称》 from '《组件路径》';",
"",
"export default {",
"//import引入的组件需要注入到对象中才能使用",
"components: {},",