Vscode中快速创建自定义代码模板的方法
Vscode中快速创建自定义代码模板
一招鲜,吃遍天,学会了这个在Vscode中快速创建自定义代码模板的教程,我相信创建其它代码模板的方法你也就通个七七八八了。
我就以Vue的创建为例,不过我这个Vue是在HTML中创建的。
- 初学Vue,我们一般都是在.html文件中引入vue包,然后编写自己的vue代码。
- 盲目的跟着网上那些教程创建Vue模板是行不通的。
- 因为我们创建的模板是在.html文件下,所以我们的模板也得是在html.json中来进行编写。
教程如下:
图文并用,理解更清晰到位!
在Vscode中找到设置->用户代码片段,在输入框内输入html,并点击第一个html.json:
初次输入的话,第一个html.json可能会不带.json后缀,不用管,直接点击html进入即可。
我们进入到html.json页面,这里就是我们编写自己模板的地方了:
接下里就是编写我们的模板了,我们的模板需要的大致有以下几项:
1.基本的HTML架构。
2.引入Vue包的script路径。
3.一些基本的Vue代码结构。
模板我已经备好了,模板如下:
"Html5-Vue":{ "prefix":"vue", "body":[ "", "\n", "", "\t ", "\t ", "\t ", "\t Document ", "\t", "\n", "", "\t $1