vscode 常用插件

222 阅读1分钟

Path Intellisense

自动提示文件路径,支持各种快速引入文件

图片.png

Image preview

鼠标悬浮在链接上可及时预览图片

图片.png

Beautify

在代码文件右键鼠标一键格式化 html,js,css

图片.png

JavaScript (ES6) code snippets

ES6语法智能提示,以及快速输入

图片.png

Vetur

VScode官方钦定Vue插件,Vue开发者必备。内含语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger等实用功能

图片.png

ESlint

规范js代码书写规则,如果觉得太过严谨,可自定义规则

图片.png

Auto Close Tag

自动闭合HTML/XML标签

图片.png

open in browser

快速打开html文件到浏览器预览

图片.png

Npm Intellisense

可自动完成导入语句中的npm模块

图片.png

HTML Snippets

HTML代码片段,该插件可为你提供html标签的代码提示,不用键入尖括号了

图片.png

Auto Rename Tag

自动重命名成对的HTML标记,修改开始标签,结束标签会同步修改

图片.png

Chinese

vscode编辑器汉化包

图片.png

Live Server

开启本地服务器,一边编写代码一边保存,即实时刷新预览,大大提升开发测试效率

图片.png

Color Highlight

把css颜色属性,直观的展示出来

图片.png

Nebula Theme

颜色主题

图片.png