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了,所以这个插件很必要.
不能理解,node 6.x为什么不支持import

Instant Markdown

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

这里写图片描述

Markdown Shortcuts

编辑Markdown文档的快捷键

例如:快速生成表格
这里写图片描述

HTML Snippets

初级的 H5代码片段

HTML Snippets

HTML CSS Support

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

HTML CSS Support

Path Intellisense

自动补全路劲

Path Intellisense

Npm Intellisense

require 时的包提示

Npm Intellisense

HTMLHint

html代码检测

HTMLHint

Atuo Rename Tag

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

Atuo Rename Tag

fileheader

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

fileheader

vetur

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

vetur

VueHelper

snippet代码片段

VueHelper

参考:

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

vscode: Visual Studio Code 常用快捷键

其他

我的博客,欢迎交流!

我的CSDN博客,欢迎交流!

微信小程序专栏

前端笔记专栏

微信小程序实现部分高德地图功能的DEMO下载

微信小程序实现MUI的部分效果的DEMO下载

微信小程序实现MUI的GIT项目地址

微信小程序实例列表

前端笔记列表

游戏列表

原文地址:https://www.cnblogs.com/linewman/p/9918526.html