vscode代码版本控制_让你写代码更快的插件有哪些呢

客官°小女子只卖身不卖艺 2023-01-04 15:54 240阅读 0赞

# VS Code 插件推荐 #

## ![d69e9d9fad8c115209b8cfbdbb459fa6.png][]简介![d3e683a00a16a77434ebf35213e71233.png][] ##

Visual Studio Code(简称VS Code)是一个由微软开发，同时支持Windows 、 Linux和macOS等操作系统的免费代码编辑器，它支持测试，并内置了Git 版本控制功能，同时也具有开发环境功能，例如代码补全(类似于 IntelliSense)、代码片段和代码重构等。该编辑器支持用户个性化配置，例如改变主题颜色、键盘快捷方式等各种属性和参数，同时还在编辑器中内置了扩展程序管理的功能。

## ![d69e9d9fad8c115209b8cfbdbb459fa6.png][]功能和语言支持![d3e683a00a16a77434ebf35213e71233.png][] ##

VSCode 支持多种编程语言，集成终端，可以在编辑器中运行脚本、编译软件、调试脚本、设置断点、做版本管理。

VSCode 的许多功能可以通过“命令面板”来调用。用户可以在命令面板中搜索和输入命令，从而实现指定功能，例如安装扩展、设置属性等。默认情况下，**打开命令面板的快捷键是 Ctrl(Command)+Shift+P**。通过这个可以快捷使用插件功能。

内置一套易于使用的配置界面，同时支持使用 json 文件配置，在控制面板做的所有设置都会自动保存到 json。方便备份或部署。

Code具备了现代文本编辑器所具有的功能，例如更改字符编码、更换换行符、语法高亮、支持正则表达式、安装扩展、创建 snippet 等。

## ![d69e9d9fad8c115209b8cfbdbb459fa6.png][]使用![d3e683a00a16a77434ebf35213e71233.png][] ##

参考这个链接：

https://juejin.im/post/6844903894305210381

## ![d69e9d9fad8c115209b8cfbdbb459fa6.png][]插件![d3e683a00a16a77434ebf35213e71233.png][] ##

### ![68b2cb9be02dade1e54bd2ef23d200b7.png][]vscode-json ###

做业务需求的时候，一般都需要接触很多json文件，但是每个json文件又太大，想要逐字段检查，实在是不现实。因此每次生成的json文件，都要将其放置网站，然后再选择格式化校验转换格式，这样实在麻烦，而且一旦电脑连接不上网络，就没法使用了。连上网络不想打开浏览器的我，就会用这个插件，嗖嗖的。直接Ctrl(Command)+Shift+P)，然后根据需要输入以下命令

*  Validate: 校验
 *  Beautify: 格式化
 *  Uglify: 压缩
 *  Escape: 字符转义
 *  Unescape: 字符去转义

![6485433e8a531d09faf091032ae0f148.gif][]

### ![68b2cb9be02dade1e54bd2ef23d200b7.png][]Better Comments ###

写不一样颜色的注释，可以用来记不一样颜色的TODO

![c07dd7daee877afaf42c18b719423c74.png][]

### ![68b2cb9be02dade1e54bd2ef23d200b7.png][]Bracket Pair Colorizer ###

写代码有时候想快速找到左括号匹配的右括号，那这就是一个利器

![420de75cb472779e53a4773334c3c952.png][]

### ![68b2cb9be02dade1e54bd2ef23d200b7.png][]Indent-Rainbow ###

高亮(每行代码之前的)缩进，更方便清晰的看到代码的缩进

![bb9dc3c0f1a60d5bf09de3ed84246b02.png][]

### ![68b2cb9be02dade1e54bd2ef23d200b7.png][]TODO Highlight ###

TODO高亮，不断提醒你

![d829b9c899548a52c6dc0d482cf20cee.png][]

### ![68b2cb9be02dade1e54bd2ef23d200b7.png][]Error Lens ###

告诉你错误?在哪里，快速修复

![0f9fc0d504d75afa20bba3d91e876f29.png][]

### ![68b2cb9be02dade1e54bd2ef23d200b7.png][]fix-json ###

校验不过可以快速定位错误位置，麻麻再也不用担心我找那个少了半个引号的json了

![c7d723b1b56e0662f6566040d0358a65.gif][]

### ![68b2cb9be02dade1e54bd2ef23d200b7.png][]jumpy ###

快速跳行

![0d4eb94f8d49c0f36b6016e29fe79962.gif][]

### ![68b2cb9be02dade1e54bd2ef23d200b7.png][]Markdown All in One ###

markdown编辑器插件，支持预览，各种快捷键

![73d7464e171b9493061def8433d3b4e6.gif][]

### ![68b2cb9be02dade1e54bd2ef23d200b7.png][]url-encode ###

url解析(此处想象有一张图)

### ![68b2cb9be02dade1e54bd2ef23d200b7.png][]rest-client ###

直接预览网站，功能方面可以媲美postman

![649cfc9b0dc90bb5095dfbb1bf1d35aa.gif][] ![a55613c6bec08b38c34133181d78240f.gif][] ![662dbd4ab988a01ca458537a9bc05aa4.png][]

[d69e9d9fad8c115209b8cfbdbb459fa6.png]: https://img-blog.csdnimg.cn/img_convert/d69e9d9fad8c115209b8cfbdbb459fa6.png
[d3e683a00a16a77434ebf35213e71233.png]: /images/20221119/264c05d4cd7d4b8f8bc839b7fa3f5ae2.png
[68b2cb9be02dade1e54bd2ef23d200b7.png]: https://img-blog.csdnimg.cn/img_convert/68b2cb9be02dade1e54bd2ef23d200b7.png
[6485433e8a531d09faf091032ae0f148.gif]: https://img-blog.csdnimg.cn/img_convert/6485433e8a531d09faf091032ae0f148.gif
[c07dd7daee877afaf42c18b719423c74.png]: https://img-blog.csdnimg.cn/img_convert/c07dd7daee877afaf42c18b719423c74.png
[420de75cb472779e53a4773334c3c952.png]: https://img-blog.csdnimg.cn/img_convert/420de75cb472779e53a4773334c3c952.png
[bb9dc3c0f1a60d5bf09de3ed84246b02.png]: https://img-blog.csdnimg.cn/img_convert/bb9dc3c0f1a60d5bf09de3ed84246b02.png
[d829b9c899548a52c6dc0d482cf20cee.png]: https://img-blog.csdnimg.cn/img_convert/d829b9c899548a52c6dc0d482cf20cee.png
[0f9fc0d504d75afa20bba3d91e876f29.png]: https://img-blog.csdnimg.cn/img_convert/0f9fc0d504d75afa20bba3d91e876f29.png
[c7d723b1b56e0662f6566040d0358a65.gif]: https://img-blog.csdnimg.cn/img_convert/c7d723b1b56e0662f6566040d0358a65.gif
[0d4eb94f8d49c0f36b6016e29fe79962.gif]: https://img-blog.csdnimg.cn/img_convert/0d4eb94f8d49c0f36b6016e29fe79962.gif
[73d7464e171b9493061def8433d3b4e6.gif]: https://img-blog.csdnimg.cn/img_convert/73d7464e171b9493061def8433d3b4e6.gif
[649cfc9b0dc90bb5095dfbb1bf1d35aa.gif]: https://img-blog.csdnimg.cn/img_convert/649cfc9b0dc90bb5095dfbb1bf1d35aa.gif
[a55613c6bec08b38c34133181d78240f.gif]: https://img-blog.csdnimg.cn/img_convert/a55613c6bec08b38c34133181d78240f.gif
[662dbd4ab988a01ca458537a9bc05aa4.png]: https://img-blog.csdnimg.cn/img_convert/662dbd4ab988a01ca458537a9bc05aa4.png