vscode前端开发常用辅助插件

1、Chinese (Simplified) Language Pack

VS Code 的中文(简体)语言包,用来汉化vscode

2、open in browser

用于运行HTML文件,在浏览器中显示

3、Auto Close Tag

自动闭合标签

4、Auto Rename Tag

html自动更新配对标签名称

5、Color Info

提供你在 CSS 中使用颜色的相关信息。只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息。

6、CSS Peek

可以在html的类名中通过已有的css样式作为模板,生成自己的css代码,也可以通过类名等直接查看对应的css代码

7、HTML CSS Support

基于项目中包含的或远程引用的CSS在HTML文件中提供智能感知,可以指定要缓存的远程CSS文件。

8、HTML Boilerplate

自动生成一个HTML5的模板

9、Icon Fonts

可以在项目中添加图标字体,该插件支持超过 20 个热门的图标集

10、Live Server

可以启动一个本地服务器,实时更新修改的内容

11、Code Runer

可以直接运行对应语言的代码,而不用搭建各种语言的开发环境

总结

以上是前端开发过程中比较常用的插件,另外可能还有各种开发框架用到的插件,也不一一赘述了。插件使用的好可以大大减轻代码编写的时间和精力,因此寻找适合自己的插件也很重要。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值