话不多说直接上图

Vetur
语法错误检查,包括 CSS/SCSS/LESS/Javascript/TypeScript
语法高亮,包括 html/jade/pug css/sass/scss/less/stylus js/ts
emmet 支持
代码自动补全(目前还是初级阶段),包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript

Angular Files
可以快捷右键 新建 组件,服务,类,等等

Chinese (Simplified) Language Pack for Visual Studio Code
安装中文提示

TypeScript Importer
TypeScript自动引入脚本插件

HTML CSS Support
让HTML标签上写class智能提示当前项目所支持的样式

Path Intellisense
自动路径补全、默认不带这个功能

Bootstrap 3 Sinnpet
常用bootstrap的可以下

Auto Rename Tag
修改html标签,自动帮你完成尾部闭合标签的同步修改,和webstorm一样。

Typings Installer
安装vscode 的代码提示依赖库,基于typtings的,比如提示angular或者jQuery只能感知、

open in browers 这个在静态页面开放的时候非常方便
vsCode编译器常用插件
vsCode编译器常用插件

CSS Peek
使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。

JS-CSS-HTML Formatter 这个是给css 排版 和代码的排版快捷键一样 排版后css非常好看
vsCode编译器常用插件

vsCode编译器常用插件

相关文章: