![在这里插入图片描述](https://img-blog.csdnimg.cn/20200410170136709.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbnNpbGlhbg==,size_16,color_FFFFFF,t_70)
方法二:
- ctrl + P 然后输入 >ext install
![](https://i-blog.csdnimg.cn/blog_migrate/b79a69751926ea1723c83aa652c91fd7.png)
方法三:
- 点击图中位置
![](https://i-blog.csdnimg.cn/blog_migrate/d1eb3b852b10faf4587ab1e5fe1e921d.png)
插件官网:https://marketplace.visualstudio.com/
每一个插件名都超链接到官网,注意查看
1.Settings Sync
最好用的插件,没有之一,一台电脑配置好之后,其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了,
使用GitHub Gist同步多台计算机上的设置,代码段,主题,文件图标,启动,键绑定,工作区和扩展。
![](https://i-blog.csdnimg.cn/blog_migrate/cb8e814ebe7e86f37f75f2426e080339.png)
2.Debugger for Chrome
从VS Code调试在Google Chrome中运行的JavaScript代码。
用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。
![](https://i-blog.csdnimg.cn/blog_migrate/800ddc1d9d4e46ef0d8b2fabee41229c.png)
3.beautify
格式化代码工具
美化javascript
,JSON
,CSS
,Sass
,和HTML
在Visual Studio代码。
![](https://i-blog.csdnimg.cn/blog_migrate/d1c9383c60c7cb39ee2528d61a259610.png)
4.Auto Rename Tag
修改 html 标签,自动帮你完成头部和尾部闭合标签的同步修改
![](https://i-blog.csdnimg.cn/blog_migrate/0787666f0f402a13fd8e7f2be29b67d1.png)
5.中文(简体)语言包
Chinese (Simplified) Language Pack for Visual Studio Code
将界面转换为中文,对英语不好的人,非常友好。例如我。。。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200410170441886.png)
![](https://i-blog.csdnimg.cn/blog_migrate/a07210b31a24f8c8ef6d028e629e5f72.png)
6.Code Spell Checker
代码拼写检查器
一个与camelCase代码配合良好的基本拼写检查程序。
此拼写检查程序的目标是帮助捕获常见的拼写错误,同时保持误报数量较低。
![](https://i-blog.csdnimg.cn/blog_migrate/773e54d7023856ba9e402ec997cd299c.png)
7.vscode-icons
显示Visual Studio代码的图标,目前该插件已被vscode内部支持:"文件" -> "首选项" -> "文件图标主题"
![](https://i-blog.csdnimg.cn/blog_migrate/ded788943a95fe1f03013d6396adb797.png)
8.guides
显示代码对齐辅助线,很好用
![](https://i-blog.csdnimg.cn/blog_migrate/1f253c9b8fe7d3b51592a7bb0a99a963.png)
9.Rainbow Brackets
为圆括号,方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员,当然还有JavaScript和其他程序员特别有用。
效果如下:
![](https://i-blog.csdnimg.cn/blog_migrate/a7587c34d7424e33224022a9c749011f.png)
10.Bracket Pair Colorizer
用于着色匹配括号
![](https://i-blog.csdnimg.cn/blog_migrate/7f4a13a47dd34491c20454e0a2bd1732.png)
11.Indent-Rainbow
用四种不同颜色交替着色文本前面的缩进
![](https://i-blog.csdnimg.cn/blog_migrate/401f5567e2f01a480e0d6cd8f230a2cc.png)
12.filesize
在状态栏中显示当前文件大小,点击后还可以看到详细创建、修改时间
![](https://i-blog.csdnimg.cn/blog_migrate/ae1e250dd5a09409dbf9a87a89eb8327.png)
13.Import Cost
对引入的计算大小
![](https://i-blog.csdnimg.cn/blog_migrate/d643bfa0f164670a1ac72cd9469fdd1d.png)
14.Path Intellisense
可自动填充文件名。
![](https://i-blog.csdnimg.cn/blog_migrate/a2b339ea068851529fa7fc808d7af9ad.png)
15.WakaTime
从您的编程活动自动生成的度量标准,见解和时间跟踪。
![](https://i-blog.csdnimg.cn/blog_migrate/8cc8d37d0e2c05718754d1122176d4af.png)
16.GitLens
git日志查看插件
GitLens 增强了 Visual Studio Code 中内置的 Git 功能。例如 commits 搜索,历史记录和和查看代码作者身份,还能通过强大的比较命令获得有价值的见解等等
![](https://i-blog.csdnimg.cn/blog_migrate/d148538032dce28f78fa1db3513d1046.png)
17..REST Client
REST客户端允许您直接发送HTTP请求并在Visual Studio Code中查看响应。
![](https://i-blog.csdnimg.cn/blog_migrate/b602e5e18a00140784f66a3d8f23d838.png)
18.Npm Intellisense
用于在 import 语句中自动填充 npm 模块
require 时的包提示(最新版的vscode已经集成此功能)
![](https://i-blog.csdnimg.cn/blog_migrate/da8fc9287b3d42f193e1471d50899d2e.png)
19.Azure Storage
VS Code的Azure存储扩展允许您部署静态网站并浏览Azure Blob容器,文件共享,表和队列。按照本教程从VS Code部署Web应用程序到Azure存储。
![](https://i-blog.csdnimg.cn/blog_migrate/41fd67b023d665ab4874e3557c4feb01.png)
20.Project Manager
它可以帮助您轻松访问项目,无论它们位于何处。不要再错过那些重要的项目了。您可以定义自己的收藏项目,或选择自动检测VSCode项目,Git,Mercurial和SVN存储库或任何文件夹。
从版本8开始,您就有了专门的项目活动栏!
以下是Project Manager提供的一些功能:
- 将任何项目保存为收藏夹
- 自动检测VSCode,GIT中,水银或SVN存放区
- 在相同或新窗口中打开项目
- 识别已删除/重命名的项目
- 一个状态栏标识当前项目
- 专门的活动栏
![](https://i-blog.csdnimg.cn/blog_migrate/af69733ca92f29ff4c511f9ac03f5543.png)
21.Language Support for Java(TM) by Red Hatredhat.java
这个插件,这个下载次数,安装就对了。
22.Todo Tree
此扩展可以快速搜索(使用ripgrep)您的工作区以获取TODO和FIXME等注释标记,并在资源管理器窗格的树视图中显示它们。单击树中的TODO将打开文件并将光标放在包含TODO的行上。
找到的TODO也可以在打开的文件中突出显示。
![](https://i-blog.csdnimg.cn/blog_migrate/5dd5d1938c07b8b3e3ecf0b3c20886c1.png)
一个非常适合夜猫子的 VS Code 主题。像是为喜欢深夜编码的人精心设计的。
![](https://i-blog.csdnimg.cn/blog_migrate/b8397b63d0c835ad9ca0d9f1ec13e16e.png)
一个基于Atom的黑暗主题
![](https://i-blog.csdnimg.cn/blog_migrate/10072d78117910038027573bbb5e7400.png)
官方吸血鬼主题,博主用的就是这款,很漂亮
![](https://i-blog.csdnimg.cn/blog_migrate/22b446f74bc8a2a154e2f2188989e077.png)
Atom标志性的One Dark主题,也是VS Code下载次数最多的主题之一!
![](https://i-blog.csdnimg.cn/blog_migrate/a8d1ad8f71474a5c59c55071d5779a6b.png)
简约而现代的神奇海洋主题
![](https://i-blog.csdnimg.cn/blog_migrate/3e9986387d7ea02811b6603d73cbd571.png)
完整的HTML代码提示,包括HTML5
![](https://i-blog.csdnimg.cn/blog_migrate/c96f5fb27ab4bb1e3e8c023530a6b09a.png)
在 html 标签上写class 智能提示css样式
![](https://i-blog.csdnimg.cn/blog_migrate/ace3fa0e576591dc1fe624eadac71d61.png)
jQuery代码提示
超过130个用于JavaScript代码的jQuery代码片段。
只需键入字母'jq'即可获得所有可用jQuery代码片段的列表。
![](https://i-blog.csdnimg.cn/blog_migrate/7d6f957323f42358e8cd763bd4c4fbd9.png)
html代码检测,支持html5
![](https://i-blog.csdnimg.cn/blog_migrate/88a3e4d6cc820def5434d253635992cd.png)
- 适用于.NET Core的轻量级开发工具。
- 伟大的C#编辑支持,包括语法突出显示,智能感知,转到定义,查找所有引用等。
- 调试支持.NET Core(CoreCLR)。注意:不支持单声道调试。桌面CLR调试支持有限。
- 支持Windows,macOS和Linux上的project.json和csproj项目。
计算TypeScript / JavaScript文件的复杂性。
vetur 语法高亮、智能感知、Emmet、vue提示等
![](https://i-blog.csdnimg.cn/blog_migrate/b72bf5074195a75dbd58627b64ad7a6a.png)
VueHelper snippet代码片段
ESLint 将ESLint JavaScript集成到VS代码中。代码规范提示
![](https://i-blog.csdnimg.cn/blog_migrate/308a4d59b3763e68cd48ae7be1bb53d8.png)
prettier 代码规范性插件
它是一组流行的扩展,可以帮助在Visual Studio Code中编写,测试和调试Java应用程序。查看VS Code中的Java以开始使用。
![](https://i-blog.csdnimg.cn/blog_migrate/ed02fcf16d68b824e883c741bfb3e1be.png)
相关文章:
你们都在用IntelliJ IDEA吗?或许你们需要看一下这篇博文
![](https://i-blog.csdnimg.cn/blog_migrate/1ef1594dc7fb6d23fc00d24864950d69.bmp)
欢迎大家关注公众号,不定时干货,只做有价值的输出
作者:Dawnzhang
出处:https://www.cnblogs.com/clwydjgs/p/10078065.html
版权:本文版权归作者
转载:欢迎转载,但未经作者同意,必须保留此段声明;必须在文章中给出原文连接;