VScode Vue项目使用html代码自动补全插件
打开文件方式:在VScode中同时按住Ctrl+Shift+P,搜索配置文件。(3)父子标签:输入父标签>子标签,按下tab键。(2)多个相同标签:输入标签名*5,按下tab键。(4)兄弟标签:输入兄标签+弟标签,按下tab键。(1)单个标签:输入标签名称,按下tab键。
·
1.下载插件: HTML Snippets
![](https://i-blog.csdnimg.cn/blog_migrate/3f34260846064794359660e78c1c023b.png)
2.配置settings.json文件
打开文件方式:在VScode中同时按住Ctrl+Shift+P,搜索配置文件
3.在settings.json中添加如下代码
// HTML代码tab键自动补全
{
"files.associations": {
"*.vue": "html"
},
"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
"vue-html": "html",
"vue": "html"
}
}
4.保存后即可使用
使用方式:
(1)单个标签:输入标签名称,按下tab键
(2)多个相同标签:输入标签名*5,按下tab键
(3)父子标签:输入父标签>子标签,按下tab键
(4)兄弟标签:输入兄标签+弟标签,按下tab键
更多推荐
所有评论(0)