vscode怎么创建自定义代码模板


当前第2页 返回上一页

5、保存之后,我们创建一个.html文件,输入vue,回车即可自动生成我们需要的模板了。模板示例图:

b6102853f262d7668afbfc4f9ea7fa1.png

f8f5d04cea64247d6a795cf61b55c1c.png

必要的说明:

为了防止大家更改模板时出现不必要的错误,我给大家简单说一下模板中的东西:

不要纠结一开头写的:"Html5-Vue",这只是一个模板名字而已。

"prefix": ""这里规定的是触发模板的关键词,我这里规定触发词为vue。

我们的模板都是在"body":[]中编写的。

每一行模板代码都要用双引号""来包括。

如果双引号包括的代码中间也出现了双引号,那么需要用转义字符\转义。

\n意味着换行,\t是制表符,这两个用于生成时模板的缩进,让生成出来的模板便于阅读。

模板中出现的$1代表着光标,它的位置即光标的默认位置,可以有多个光标:$2,$3,$4等。

"description":""双引号包括的是对模板描述,同时也是你在.html页面输入触发词后,智能提示中出现的对触发词的解释。

千万别把Vscode中html.json文件自带的{}覆盖了,只需覆盖注释部分,或直接写到注释下面即可。

相关文章教程推荐:vscode教程

以上就是vscode怎么创建自定义代码模板的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

vsCode能调试php吗

vsCode可以运行javaweb项目么

vsCode eslint不生效

vsCode如何关闭eslint的语法检查

vsCode终端无法输入命令

vsCode怎么修改字体大小

vsCode怎么实现自动添加双引号

vsCode怎么预设html模板

vsCode文件夹搜索不全怎么办

vsCode如何设置html模板

更多相关阅读请进入《vsCode》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...