技能笔记

VSCode编辑器前端常用插件

2017-12-30  本文已影响168人  幸宇

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插件

上一篇下一篇

猜你喜欢

热点阅读