VScode中Vue快速生成代码片段

首先我们要找到设置（如下图）用户代码片段

然后我们会看到这样一个框，然后搜索html.json

如果没设置过就是一些注释掉的东西   可以全部删除复制下面的代码就可以了

{"vue代码": {
"prefix": "ve",
"body": [
"",
"",
"",
"",
    "\t",
    "\t",
    "\t",
    "\t",
    "\t",
	"",
	"",
	"",
    "\t
",

	"\t
",


    "\t",
		"",
		"",
		""
	]
	}
}

注意 ： 这里的vue的引用用的是我的地址，你们的路径按照自己的文件位置引用

 

单页面请用下面的代码片段

注意：找到第一步操作，搜索vue.json 复制下面代码

{
    "Print to console": {
        "prefix": "cvue",
        "body": [
            "",
            "",
            "",
            "",
            ""
        ]
    }
}

单页面中的$1 $2 表示创建光标的位置，可按Tab切换位置，prefix的名字可随意更改

在页面输入ve （名字可以自定义）敲击回车就可以看到已经创建好了的代码结构

 

以上就是快速生成vue结构的代码块段

想看更多点击我的博客

推荐：npm全局安装和本地安装及卸载