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项目地址

微信小程序实例列表

前端笔记列表

游戏列表

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Rattenking

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值