VSCode常见插件安装

VSCode(Visual Studio Code)是由微软开发的一款免费,跨平台的文本编辑器,由于其丰富的插件功能和卓越的性能,成为目前前端开发中一款比较受欢迎的编辑器。VSCode提供了大量的扩展和插件,其中对于前端开发比较常用的有以下几项:

1. Chinese(Simplified) Language

主要功能:VSCode汉化,提供汉语界面。


Chinese(Simplified) Language
2. vscode-icon

主要功能:为vscode中的文件及文件夹提供特殊的图标,文件格式一目了然。


vscode-icon

icon展示
3. open-in-browser

主要功能:右键一键选择,在默认浏览器中打开当前界面。


open-in-browser
4. Auto Close Tag

主要功能:自动闭合HTML/XML标签


Auto Close Tag
5. Auto Rename Tag

主要功能:自动完成另一侧标签的同步修改


Auto Rename Tag
6. Code Spell Checker

主要功能:自动检测输入的单词拼写是否正确,错误时会给出提示,并且给出建议,对于英语不太擅长的同学来说很有帮助。


Code Spell Checker
7. Bracket Pair Colorizer

主要功能:给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色


Bracket Pair Colorizer

Screenshot
8. HTML CSS Support

主要功能:智能提示CSS类名以及id。


HTML CSS Suppor

Screenshot
9. JavaScript(ES6) code snippets

主要功能:ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.html,.vue等,省去了配置其支持各种包含js代码文件的时间


JavaScript(ES6) code snippets
10. Path Intellisense

主要功能:自动提示文件路径,支持快速引入文件;


Path Intellisense
11. HTMLHint

主要功能:HTML代码检测;


HTMLHint
12. Beautify

主要功能:格式化代码,对HTML、CSS、JS进行格式化对齐显示;


Beautify
13. GitLens

主要功能:能显示每一行代码的作者以及提交时间;方便查看git日志。


GitLens

Screenshot
14. Git History

主要功能:查看git日志以及图表和详细信息,查看文件的历史记录(Git日志)或文件中的行历史(Git Blame)


Git History
15. Vetur

主要功能:Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。


Vetur
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑...
    阳光嘚猴子阅读 8,680评论 0 3
  • 一直以来,大家对开发的代码编辑器都没有一个最好的选择,而vscode是我发现速度相对快,对于新版的html css...
    云翼飞阅读 13,825评论 0 2
  • 安装http server插件,安装完成后按下f1,然后输入http会看到下面两个选项,选择with curren...
    吴宪峰阅读 32,105评论 1 28
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 4,900评论 0 1
  • 晚自习开始前,教室里一群孩子在说笑闹,个个都欢脱的不得了。同事边和我聊天边吃一小碗串串,转眼功夫就围上来一群,串串...
    若然一默阅读 1,108评论 0 6

友情链接更多精彩内容