VS CODE 微软旗下最好用的前端IDE&插件

前言

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于卓越的性能和丰富的插件功能,越来越受到大家的喜爱。

VS Code可以说是越来越强大,最近新增工作区功能(可同时打开多个项目),项目管理方便了很多,作为一个后端的我也选择了它。

VS CODE 微软旗下最好用的前端IDE&插件

通用插件

Beautify

HTML,CSS,SCSS,JS格式化

HTML Snippets

超级实用且初级的 H5代码片段以及提示

VS CODE 微软旗下最好用的前端IDE&插件

HTML CSS

Support

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

新版已经支持scss文件检索

VS CODE 微软旗下最好用的前端IDE&插件

CSS Peek

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

jQuery Code Snippets

jquery 重度患者必须品,废话不多说,上图

VS CODE 微软旗下最好用的前端IDE&插件

Path Intellisense

自动路劲补全,默认不带这个功能的

VS CODE 微软旗下最好用的前端IDE&插件

Auto Close Tag

匹配标签,关闭对应的标签。很实用【HTML/XML】

Atuo Rename Tag

修改 html 标签,自动帮你完成尾部闭合标签的同步修改,不过有些bug。

工具插件

Debugger for Chrome

让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试,配置稍微复杂一些

Minify

这款插件用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置,以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css 和 html-minifier,与 JavaScript、CSS 和 HTML 协同工作。

Sass

Sass语法高亮,自动提示功能

VS CODE 微软旗下最好用的前端IDE&插件

Easy Sass

自动编译SASS/SCSS文件,生成.css和.min.css后缀文件

Easy LESS

自动编译.less文件,生成.css后缀文件

Gulp Snippets

Gulp代码提示

Gulp Task Symbol Provider

Gulp Task 运行工具,熟悉Gulp的朋友可以使用

VS CODE 微软旗下最好用的前端IDE&插件

如果你也有好玩实用的插件,不妨在评论区下方给小编留言一波呀~


分享到:


相關文章: