vscode前端插件总结

Auto Close Tag    自动添加HTML / XML关闭标签(必备)

Auto Rename Tag  自动重命名配对的HTML / XML标签(必备)

Beautify  格式化javascript,JSON,CSS,Sass,和HTML

Bootstrap 4 & Font awesome snippets   包含Bootstrap 4&Font awesome 的代码片段

Bracket Pair Colorizer  颜色识别匹配括号

Class autocomplete for HTML  智能提示HTML class =“”属性(必备)

css peek  能够查看CSS ID和类的字符串作为HTML文件中相应的CSS定义(必备)

Document This  添加注释块

ESLint   EsLint可以帮助我们检查Javascript编程时的语法错误。比如:在Javascript应用中,你很难找到你漏泄的变量或者方法。EsLint能够帮助我   们分析JS代码,找到bug并确保一定程度的JS语法书写的正确性。

Font-awesome codes for html  用于 html 的Font-awesome代码片段

filesize  在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间

HTML CSS Support  在 html 标签上写class 智能提示当前项目所支持的样式(必备)

HTML Snippets  html代码检测

htmltagwrap 可以在选中HTML标签中外面套一层标签

Indenticator  突出目前的缩进深度

IntelliSense for CSS class names   智能提示 css 的 class 名

Image Preview  鼠标移到路径里显示图像预览

JavaScript (ES6) code snippets    es6代码片段(必备)

JavaScript Snippet Pack   js代码片段(必备)

jQuery Code Snippets  jQuery 代码片段

markdownlint  markdown 语法检查

 Node.js Modules Intellisense  可以在导入语句中自动完成JavaScript / TypeScript模块。

npm Intellisense  在导入语句中自动填充npm模块,跟Node.js Modules Intellisense差不多

Path Intellisense  路径自动补全(必备)

Prettier   格式化JavaScript / TypeScript / CSS 。

Sass  写 sass 必备

vscode-faker  生成假数据,地址,电话,图片等等

vetur 语法高亮、智能感知

VueHelper  vue代码片段

Vue TypeScript Snippets  vue的 typescript 代码片段

Vue 2 Snippets  vue 2代码片段

 Dracula Official  主题

你可能感兴趣的:(vscode前端插件总结)