vscode常用插件提高你的开发效率

vscode常用插件提高你的开发效率

1. vscode(Visual Studio Code)

Visual Studio Code是微软公司推出的一款可以跨平台、开源、轻量级的一款编辑器,可扩展性非常高可用来作为各种语言的开发工具。

  1. Visual Studio Code(vscode)官网
  2. Visual StudioCode(vscode)下载地址
  3. Visual Studio Code(vscode)官方插件

2.前端常用插件

这里我给大家分享下我的vscode常用的一些插件。

  1. Chinese (Simplified) Language Pack for Visual Studio Code
    vscode中文插件,刚安装好的vscode是英文的使用不习惯的小伙伴可以安装这个插件来帮助你解决一些麻烦。
    在这里插入图片描述
  2. Auto Close Tag (自动闭合标签)
    在这里插入图片描述
  3. Auto Rename Tag (同步修改标签)
    在这里插入图片描述
  4. open in browser(快速打开页面)使用快捷键或者是鼠标右键快速打开html文件
    在这里插入图片描述
  5. Beautify (格式化html、css代码)
    在这里插入图片描述
  6. Prettier - Code formatter
    在这里插入图片描述
  7. Bracket Pair Colorizer (用不同颜色的括号区分不同的区块)
    在这里插入图片描述
  8. ESLint
    在这里插入图片描述
  9. HTML CSS Support
    在这里插入图片描述
  10. HTML Snippets
    在这里插入图片描述
  11. Path Intellisense (自动提示文件路径)
    在这里插入图片描述
  12. vue开发必备Vetur插件
    在这里插入图片描述
  13. IntelliSense for CSS class names in HTML
    在这里插入图片描述
  14. Class autocomplete for HTML
    在这里插入图片描述
  15. npm Intellisense
    在这里插入图片描述
  16. JavaScript (ES6) code snippets
    在这里插入图片描述
  17. Auto Import
    在这里插入图片描述
  18. Better Comments
    在这里插入图片描述
  19. CSS Peek
    在这里插入图片描述
  20. Debugger for Chrome
    在这里插入图片描述
  21. Dracula Official (很喜欢的一个主题)
    在这里插入图片描述
  22. Easy LESS
    在这里插入图片描述
  23. filesize
    在这里插入图片描述
  24. GitLens — Git supercharged
    在这里插入图片描述
  25. Image preview
    在这里插入图片描述
  26. Live Server
    在这里插入图片描述

以上的这些插件就是我平时中用到的,都很不错。以后有用的好的插件我会继续更新的分享给大家。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值