VSCode编辑器前端常用插件

PostCSS Sorting

按照指定的规则对CSS内容进行排序。

stylefmt

自动格式化样式

ESLint

代码检查的插件

beautify

代码美化插件

Debugger for Chrome

让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试

Add jsdoc comments

添加对选中函数的参数进行注释

javascript(ES6) code snippets

从node 6.x后,就支持javascript ES6很多语法了, 6.9.x开始,已经支持99%的ES6了,所以这个插件很必要. 

Instant Markdown

编辑Markdown文档,同时在浏览器预览


Markdown Shortcuts

编辑Markdown文档的快捷键

例如:快速生成表格 


HTML Snippets

初级的 H5代码片段


HTML CSS Support

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


Path Intellisense

自动补全路劲

Npm Intellisense

require 时的包提示

HTMLHint

html代码检测


Atuo Rename Tag

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

fileheader

顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间

vetur

语法高亮、智能感知、Emmet等

VueHelper

snippet代码片段

参考:

http://blog.csdn.net/m0_38082783/article/details/78395223   Rattenking的博客

vscode 插件推荐 - 献给所有前端工程师(更新与2017.8.18)

vscode: Visual Studio Code 常用快捷键

open in browser

ctr+shift+B 默认浏览器选择打开

vetur插件


live Server 插件   本地访问文件启动服务,右下角会出现Go Live

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容