vscode 推荐插件汇总（提高代码效率）

发布时间：2024-06-22 19:01

前言

由于个人喜欢使用vscode，所以总结一些实用的插件

汉化 Chinese

新手必备安装完之后重新打开就是汉语了
$\"vscode$

云同步

IDE软件环境配置的配置以往是开发人员更换电脑后必须要做的事情，或者需要使用多台电脑工作室时往往每台电脑都要设置一遍。重复的工作量，是一件让人头疼又无可奈何的事情。

Settings Sync完美的帮我们解决了这一痛点。该插件的优先是一台电脑配置好之后，其它的几台电脑都不用配置。新机器登录一下就搞定了，再也不用折腾环境了。

即可以使用GitHub Gist同步多台计算机上的设置，代码段，主题，文件图标，启动，键绑定，工作区和扩展。
$\"vscode$

提示类型

提示类型就是各种代码只能提示

HTML Snippets 智能提示HTML标签，以及标签含义
$\"vscode$
HTML CSS Support 智能提示CSS类名以及id
$\"vscode$
JavaScript(ES6) code snippets ES6语法智能提示，快速输入
$\"vscode$
jQuery Code Snippets 　jQuery代码智能提示
$\"vscode$

TypeScript Hero TS开发提示工具
TS是趋势，建议学起来
$\"vscode$
Code Runner
随着学习的语言越来越多，我们需要一个可以运行多语言的IDE，VS Code就是不二之选
在code runner插件中支持40多种语言，这堪称是VS Code最大的优点，安装了code runner后你只需要点击右上角的▶就可以运行程序，怎么样，简单吧。
$\"vscode$

优化代码类型

Bracket Pair Colorizer 给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色，给你的生活添加一点颜色
$\"vscode$

Auto Close Tag 自动闭合HTML/XML标签像我这种懒人写组件标签感觉很烦，这组件就很舒服
$\"vscode$

Auto Rename Tag 自动完成另一侧标签的同步修改
$\"vscode$
open in browser 支持右键打开文件这个是新手必用吧快捷键 Alt + b
$\"vscode$
Path Intellisense 自动提示路径，快速导入文件。
$\"vscode$

视觉类

Material Icon Theme 好看的文件图标。视觉挺重要的
$\"vscode$
Source Code Pro 好看的字体
$\"vscode$
Beautify 代码格式化
$\"vscode$
Power Mode 酷炫的输入动效
$\"vscode$

规范类

Document This js代码规范注释
$\"vscode$
Code Spell Checker 英语拼写检测，对于js命名很有用哦背单词吧
$\"vscode$
vscode-fileheader 作者个人信息注释，自动保存最后代码书写时间
$\"vscode$
ESLint js语法检测，痛并快乐着。
$\"vscode$
codelf 程序员命名神器，支持多种语言。
$\"vscode$
koroFileHeader （快捷代码注释插件）
$\"vscode$
Project Manager 多个项目管理插件。
$\"vscode$