vscode兼容html5吗,VSCode插件推荐（Web前端开发均适用）

众多插件里难免有几个功能相近的，选一个合适自己的就好了，我会按照自己的习惯标上(推荐)~

这会不定期更新，如果你们有什么好用的插件，也可以在评论区推荐，我会试用后添加上去的，谢谢你们啦

插件列表

名称

简述

Typescript或TSX中自动import提示

修改HTML标签时，自动修改匹配的标签

美化格式化代码，可通过自行配置.jsbeautifyrc自定义

给代码行添加书签，快速换切

运行选中代码段(支持大量语言)

HTML5、CSS3、SVG的浏览器兼容性检查

小窗口显示颜色值，rgb,hsl,cmyk,hex等等

ESLint插件，高亮提示

HTML语法格式提示

行内显示导入(import/require)的包的大小

格式化和压缩JSON

生成所选中变量的打印语句(console.log('name' + name))

格式化代码(html,js,css,vue...) (推荐)

不需要手动运行，行内显示变量结果

直接在编辑器中发送REST风格的HTTP请求，并显示返回http信息

sass插件

VSCode设置同步到Gist

css/sass/less代码风格规范

package.json文件显示模块当前版本和最新版本

Vue2代码段提示(包括Vue2 api、vue-router2、vuex2)

Vue语法高亮

个人的VSCode首选项设置(仅供参考)

{

"editor.tabSize": 2,

"files.associations": {

"*.vue": "vue"

},

"eslint.autoFixOnSave": true,

"eslint.options": {

"extensions": [

".js",

".vue"

]

},

"eslint.validate": [

"javascript",

"javascriptreact",

"vue",

"vue-html"

],

"search.exclude": {

"**/node_modules": true,

"**/bower_components": true,

"**/dist": true

},

"emmet.syntaxProfiles": {

"javascript": "jsx",

"vue": "html",

"vue-html": "html"

},

"git.confirmSync": false,

"window.zoomLevel": 0,

"vsicons.projectDetection.autoReload": true,

"typescript.check.tscVersion": false,

"editor.renderWhitespace": "boundary",

"editor.cursorBlinking": "smooth",

"workbench.colorTheme": "Solarized Light",

"workbench.iconTheme": "vscode-great-icons",

"editor.minimap.enabled": true,

"editor.minimap.renderCharacters": false,

"tslint.autoFixOnSave": true,

"editor.fontFamily": "'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",

"beautify.tabSize": 2,

"window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",

"typescript.extension.sortImports.maxNamedImportsInSingleLine": 5,

"typescript.extension.sortImports.omitSemicolon": true,

"editor.codeLens": true,

"editor.snippetSuggestions": "top",

"react-native-storybooks.port": 6006

}