Differences between revisions 2 and 3
Revision 2 as of 2019-01-09 21:40:19
Size: 4263
Editor: twotwo
Revision 3 as of 2020-01-20 15:45:50
Size: 4843
Editor: twotwo
Comment: add new extensions
Deletions are marked like this. Additions are marked like this.
Line 42: Line 42:
==== Visual Studio IntelliCode ====
[[https://visualstudio.microsoft.com/zh-hans/services/intellicode/|visualstudioexptteam.vscodeintellicode|target="_blank"]] AI 辅助开发:多语言的智能代码补全

==== Path IntelliCode ====
[[https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense|christian-kohler.path-intellisense|target="_blank"]] 记住项目路径,快速匹配
Line 48: Line 54:

==== gitblame ====
[[https://marketplace.visualstudio.com/items?itemName=waderyan.gitblame|eamodio.gitlens|target="_blank"]] 定位当前代码的提交点

Back to Visual Studio Code

Visual Studio Code Extensions

通过扩展插件来增加 VS Code 的能力。

VS Code 所包含的开箱即用的特性仅仅是开始。VS Code 扩展允许用户向安装中添加语言、调试器和工具,以支持开发工作流。丰富的可扩展性模型允许扩展作者直接插入UI,并通过使用与编辑器相同的api来完成功能。本主题解释了如何查找、安装和管理VS代码扩展。

1. Browse for extensions

Activity Bar on the side of VS Code or the View: Extensions command (⇧⌘X)

2. Manage extensions

@recommended filter

4. Configuring extensions

5. Command line extension management

6. Installed Extensions


能够提高效率和体验的插件推荐(Efficiency and Experience)

6.1. Editor


6.1.1. Code Outline

Code Outline tree provider for Visual Studio Code, creates a panel in the "Explorer" section.

已经被废弃,请使用 VSCode 自带的 Outline view 支持多种排序方式,的确不错

6.1.2. Prettier - Code formatter

Prettier - Code formatter format your JavaScript/!TypeScript/CSS using Prettier.

6.1.3. Rainbow Brackets

2gua.rainbow-brackets 给花括号添加颜色

oderwat.indent-rainbow 给代码缩进添加颜色

6.1.4. Visual Studio IntelliCode

visualstudioexptteam.vscodeintellicode AI 辅助开发:多语言的智能代码补全

6.1.5. Path IntelliCode

christian-kohler.path-intellisense 记住项目路径,快速匹配

6.2. SCM


6.2.1. GitLens

eamodio.gitlens 支持对 Git 代码仓库进行可视化比较、阅读历史等功能,非常强大

6.2.2. gitblame

eamodio.gitlens 定位当前代码的提交点

6.3. Debug

6.3.1. vscode-faker

vscode-faker Generate fake data inside Visual Studio Code. Fake data is based on Faker.

6.3.2. Color Info

Color Info provides quick information css colors.

6.3.3. Output Colorizer

Output Colorizer adds syntax colorization for both the output/debug/extensions panel and *.log files.

6.3.4. REST Client

humao.rest-client allows you to send HTTP request and view the response in Visual Studio Code directly.

6.3.5. Code Runner

formulahendry.code-runner Mac 用户专用

参考 https://jingyan.baidu.com/article/cb5d6105ac9f46005d2fe05e.html

6.4. Collaboration

6.4.1. VS Live Share


Live Share是微软官方出品的非常强大的服务,通过 Live Share service,你可以将你本地的工作区,直接分享给你的同伴,然后你的同伴就可以直接编辑你的代码,与你共享代码调试、集成终端等等,而无需安装任何环境。Atom 也有类似的服务叫做 Teletype。我工作中每次要和同事 Pair Programming 的时候,就会使用 Live Share。

7. Reference

MainWiki: VSCode_Extensions (last edited 2020-01-20 15:45:50 by twotwo)