有时候需要在js中写大段的html代码，特别是做一些模板插件时，一个字母一个字母地敲太费劲。
可以通过如下设置，让 vscode 在 Js 中也可以像写html结构一样使用 emmet语法来写标签。
具体设置如下：
点击左下角的设置（快捷键 ctrl + ,）：
1.png
然后在 扩展设置里找到 emmet 并点击选择，然后在右边的 include Languages 选项中添加选项和值：
"javascript: javascriptreact" ，如下图：
2.png
添加完成之后，再在 JS 中写html标签时，就可以使用 emmet 语法啦。
Emmet语法 Emmet语法可提高html/css的编写速度，VSCode内部已经集成了该语法； 快速生成Htm...
在vscode设置中，加上如上两句代码就ok了，emmet是vscode内置的插件，所以无需额外安装。
emmet语法 vscode内置emmet语法结构，点击！+Tab可以生成。想生成什么标签直接输入名字。 父子关系...
使用Emmet语法可快速生成html框架和标签，以及css代码 ps~本人使用的vscode编辑器 Emmet语法...
前言 emmet是一个语法包，很多的编辑器都支持，常用的像idea,webstorm,vscode,andriod...
vscode tab键 在vue中 设置不起作用 首先给大家推荐一款vscode中vue的插件 这款插件对于写vu...
Vscode 常用的插件 Vetur —— 语法高亮、智能感知、Emmet等 EsLint —— 语法纠错 Aut...
前端神器 -- EmmetEmmet(前身为 Zen Coding)，VsCode 内置了 Emmet 语法，可以...
Emmet是一款编辑器插件，支持多种编辑器支持。在前端开发中，Emmet 使用缩写语法快速编写 HTML、CSS ...
设置vetur支持emmet "emmet.syntaxProfiles":{ "vue-html":"html"...
本文标题：VsCode 设置在Js中也支持emmet语法
本文链接：https://www.haomeiwen.com/subject/vwkygrtx.html
网友评论