精选vscode常用插件

话不多说直接上图

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一样。

Auto Close Tag
编写html代码的时候,写完开始标签,这款插件会自动补全结束标签

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

open in browers 这个在静态页面开放的时候非常方便
在这里插入图片描述
精选vscode常用插件_第1张图片

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

JS-CSS-HTML Formatter 这个是给css 排版 和代码的排版快捷键一样 排版后css非常好看
精选vscode常用插件_第2张图片

精选vscode常用插件_第3张图片

Minify

这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它能够分别通过 uglify-js、clean-css 和 html-minifier,进行自动压缩保存并导出为.min文件的选项,并且提供了自定义的设置,

Beautify
代码中美化JavaScript,JSON,CSS,Sass和HTML。

Easy WXLESS
微信小程序WXSS文件专用,保存可自动生成并同步编译成同名css文件

Angular Support这是一款非常实用的插件

可以通过点击html 中的方法跳转到ts中,快速的找方法所在。还可以实现方法预览
精选vscode常用插件_第4张图片

你可能感兴趣的:(前端资源)