VS Code前端必备插件
2017-11-29 00:36
375 查看
前言
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于卓越的性能和丰富的插件功能,越来越受到大家的喜爱。VS Code可以说是越来越强大,最近新增工作区功能(可同时打开多个项目),项目管理方便了很多,作为一个后端的我也选择了它。
通用插件
BeautifyHTML,CSS,SCSS,JS格式化
HTML Snippets
超级实用且初级的 H5代码片段以及提示
HTML CSS Support
让 html 标签上写class 智能提示当前项目所支持的样式
新版已经支持scss文件检索
CSS Peek
这款插件可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码,有没有觉得这是一个神器。
jQuery Code Snippets
jquery 重度患者必须品,废话不多说,上图
Path Intellisense
自动路劲补全,默认不带这个功能的
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语法高亮,自动提示功能
Easy Sass
自动编译SASS/SCSS文件,生成.css和.min.css后缀文件
Easy LESS
自动编译.less文件,生成.css后缀文件
Gulp Snippets
Gulp代码提示
Gulp Task Symbol Provider
Gulp Task 运行工具,熟悉Gulp的朋友可以使用
相关文章推荐
- sublime text3 针对于前端开发必备的插件
- Sublime Text 3 前端必备插件
- 值得推荐的一款WEB前端开发必备谷歌浏览器扩展插件--Visual Event
- 15款web设计师和前端开发必备的Chrome扩展插件
- sublime text3 针对于前端开发必备的插件
- (webstorm的CSS插件)前端开发必备!Emmet使用手册
- NProgress,前端必备进度条插件,你值得拥有
- 浏览器---Chrome前端开发必备插件,如何设置代理,react调试,定死https协议,sublime热更新,浏览器发请求post
- 值得推荐的一款WEB前端开发必备谷歌浏览器扩展插件--Visual Event
- 前端设计必备-Font awesome 插件使用菜鸟言语
- 前端开发必备的Sublime 3插件
- VS Code 折腾记 - (12) 春节前的最后一波插件推荐(前端/协作/主题)
- 12款经典的白富美型—jquery图片轮播插件—前端开发必备
- 程序猿必备的10款web前端开发插件一
- 前端工程师养成记:开发环境搭建(Sublime Text必备插件推荐)
- 12款经典的白富美型—jquery图片轮播插件—前端开发必备
- 12款经典的白富美型―jquery图片轮播插件―前端开发必备
- 前端开发必备插件
- 前端必备插件之纯原生JS的瀑布流插件Macy.js