VScode前端开发常用插件

1,HTML Snippets
快速的生成html标签—H5代码片段以及提示

2、HTML CSS support
自动补齐css

3、jQuery Code Snippets

4、vscode-icons
#让 vscode 资源树目录加上图标,给不同的文件类型添加图标

5、Path Intellisense
自动路劲补全,默认不带这个功能的
Path Autocomplete
路径自动补齐

6、Auto Rename Tag
在修改标签名时,能在你修改开始(结束)标签的时候修改对应的结束(开始)标签,帮你减少 50% 的击键;

7、ESlint
ESlint 接管原生 js 提示

8、HTMLHint
html代码检测

9、beautify
格式化代码的工具

10、Open-In-Browser
不用过多解释;在浏览器中打开网页;可以选择默认浏览器和其他浏览器。

11、Prettier
格式化插件
或者
JS-CSS-HTML Formatter
代码格式化了解一下
Beautify / Beautify css/sass/scss/less 样式格式化
stylelint
格式化css代码

12、Color Info:颜色提示插件,只需要将鼠标放在颜色值上悬停,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息啦。

13、Auto Close Tag
#自动标签闭合

14、Material Icon Theme
图标插件项目中文件会以相应的icon提示

15、Npm Intellisense
require 时的包提示

16、Document this
js 的注释模板

17、Bootstrap 3 Sinnpet
常用 bootstrap 的可以下

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

19、Sass
这个插件是一个sass编译工具,方便书写sass代码

20、Sass Lint
这个是和sass配套的一个插件,检查sass语法是否正确

21、webpack
这个插件是一个webpack的辅助工具,可以创建webpack配置文件的

只是自己记录一下!

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值