TranslateProject/published/202210/20211022 How to Install Visual Studio Code Extensions.md
2022-10-31 22:28:33 +08:00

145 lines
7.0 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

[#]: subject: "How to Install Visual Studio Code Extensions"
[#]: via: "https://itsfoss.com/install-vs-code-extensions/"
[#]: author: "Pratham Patel https://itsfoss.com/author/pratham/"
[#]: collector: "lujun9972"
[#]: translator: "CoWave-Fall"
[#]: reviewer: "wxy"
[#]: publisher: "wxy"
[#]: url: "https://linux.cn/article-15100-1.html"
如何安装 VSCode 扩展
======
![](https://img.linux.net.cn/data/attachment/album/202210/02/232225yzgzrymdrepj2mpa.jpg)
> 通过图形界面和命令行两种方法,了解如何在 VSCode 中搜索和安装扩展。
微软的 [Visual Studio Code][1]VSCode可能是最流行的 [开源代码编辑器][2],仅次于 Vim当然
VSCode 通过提供几乎所有类似 IDE 的功能,提供了令人惊叹的“开箱即用”体验。 但总有一些事情是你希望 VSCode 能够另外做到的。_正所谓“邻家芳草绿隔岸风景好”_ : )
你可以在 Visual Studio Code <ruby>[市场][3]<rt>Marketplace</rt></ruby> 找到 VSCode 扩展插件。在 VSCode 市场上发布的扩展插件在发布之前会进行病毒扫描,所以这些扩展可以 [信任][4]。
### 在 VSCode 中安装扩展插件
你不需要访问 VSCode <ruby>市场<rt>Marketplace</rt></ruby> 网站就可以安装扩展插件。也就是说,你可以直接从 VSCode 本身安装和管理扩展插件。
我希望你已经在你使用的操作系统(比如 [在 Linux][5])上 安装了 VSCode。
打开 VSCode最左侧是活动栏。活动栏上的最后一个按钮就是“扩展”按钮。点击它之后你会看到大量可安装的扩展。
![访问 VSCode 中的扩展选项卡][6]
你也可以按快捷键组合 `Ctrl + Shift + X` 来启动扩展栏的侧面面板。
如果你还没有安装任何扩展的话,你会看到 VSCode 市场上最流行的扩展列表。
#### 找到并安装某个扩展(图形界面方法)
现在是时候尝试一下 Linux 人谈论的 `vim` 了(鼓动的语气); )
开玩笑啦。让我们安装一些对我们初学者更友好,可以轻松使用而且无需太多练习的扩展吧。
从最流行的扩展列表中单击 “Visual Studio IntelliCode” (①)扩展。
![如何安装 Visual Studio IntelliCode 等扩展][7]
点击 “<ruby>安装<rt>Install</rt></ruby>” 按钮(②)即可安装 “Visual Studio IntelliCode” 扩展。这个扩展会在你编写代码时为你提供 AI 预测的建议。
安装后,你可以充分利用此扩展。试试用你喜欢的编程语言输入一段代码,然后看看 AI 的自动完成功能是否顺利运行而且没有拖慢你的工作进程。
![在 Visual Studio Code 中管理已安装的扩展][8]
如果你不喜欢某个已安装的扩展插件,你只需单击 “<ruby>卸载<rt>Uninstall</rt></ruby>” 按钮(②)即可完全删除不需要的扩展插件。
如果你安装了多个扩展插件,并且你觉得其中某个扩展插件给你带来了问题——比如说突然崩溃;你只需点击 “<ruby>禁用<rt>Disable</rt></ruby>” 按钮(①)即可禁用一个(或多个)扩展插件,并检查扩展插件 _甲_ 是否在起作用,或者它是扩展插件 _乙_,还是完全不同的东西。
考虑到扩展删除和重新安装需要很长时间,当你安装了多个扩展时,禁用扩展会很方便。
#### 另外方法:使用终端安装扩展
你知道你可以从终端安装 VSCode 扩展吗?不过,现在你知道了!
要从你的终端安装扩展程序,你需要知道扩展程序名称和发布者名称,再按照 `发布者名称.扩展程序名称` 的顺序找到它。比如说,如果你想安装 “Visual Studio IntelliCode” 这个扩展(前面提到的),它的名称就是 `VisualStudioExptTeam.vscodeintellicode`
要找出扩展用于标识的唯一名称ID首先要在你的浏览器中 [访问 VSCode 市场][9]。
![VSCode 市场的截图][10]
然后搜索某个扩展,在本教程中,我将以安装 “Visual Studio IntelliCode” 这个扩展为例。下一步,打开你要安装的扩展程序的页面。
![搜索Visual Studio IntelliCode并打开扩展网页][11]
打开扩展程序的网页后,你将看到一个代码块。下面的截图突出标示了扩展程序的 ID。
![VSCode 扩展的 ID][12]
一旦你有了想要安装的扩展的 ID —— 在这种情况下是 `VisualStudioExptTeam.vscodeintellicode`,你可以通过在终端中运行以下命令来继续。
```
code --install-extension VisualStudioExptTeam.vscodeintellicode
```
与图形界面一样,命令行界面也允许你安装、禁用、删除和管理扩展。
可以通过运行以下命令查看已安装的所有扩展的列表。
```
code --list-extensions
```
要禁用单个扩展,请运行以下命令:
```
code --disable-extension <在这里输入扩展的ID>
```
如果要禁用所有扩展,可以运行以下命令:
```
code --disable-extensions
```
上述命令将禁用 **所有** 已安装的扩展。这将帮助你判断导致问题的是插件,还是 VSCode 本身。
现在,如果你想完全删除任何某个扩展,请运行以下命令:
```
code --uninstall-extension <在这里输入扩展的ID>
```
### 总结
我发现使用 VSCode 安装扩展要容易得多。毕竟,它直接在我编辑器左边的侧栏中。
一旦你对 VSCode 的操作得心应手,也许可以看看这篇文章,[VSCode 实用快捷键][13] 可能会帮助你提高工作效率!
写代码顺利,新朋友! : )
--------------------------------------------------------------------------------
via: https://itsfoss.com/install-vs-code-extensions/
作者:[Pratham Patel][a]
选题:[lujun9972][b]
译者:[泠知落汐](https://github.com/CoWave-Fall)
校对:[wxy](https://github.com/wxy)
本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译,[Linux中国](https://linux.cn/) 荣誉推出
[a]: https://itsfoss.com/author/pratham/
[b]: https://github.com/lujun9972
[1]: https://code.visualstudio.com/
[2]: https://itsfoss.com/best-modern-open-source-code-editors-for-linux/
[3]: https://marketplace.visualstudio.com/VSCode
[4]: https://code.visualstudio.com/docs/editor/extension-marketplace#_can-i-trust-extensions-from-the-marketplace
[5]: https://itsfoss.com/install-visual-studio-code-ubuntu/
[6]: https://i2.wp.com/itsfoss.com/wp-content/uploads/2021/10/01-all-extensions-1.webp?resize=800%2C450&ssl=1
[7]: https://i1.wp.com/itsfoss.com/wp-content/uploads/2021/10/02-select-intellicode-1.webp?resize=800%2C450&ssl=1
[8]: https://i1.wp.com/itsfoss.com/wp-content/uploads/2021/10/03-intellicode-installation-done-1.webp?resize=800%2C450&ssl=1
[9]: https://marketplace.visualstudio.com/
[10]: https://i2.wp.com/itsfoss.com/wp-content/uploads/2021/10/visual_studio_code_marketplace.webp?resize=800%2C450&ssl=1
[11]: https://i0.wp.com/itsfoss.com/wp-content/uploads/2021/10/visual_stuido_code_ext_search.webp?resize=800%2C450&ssl=1
[12]: https://i2.wp.com/itsfoss.com/wp-content/uploads/2021/10/vs_code_extension_identifier.webp?resize=800%2C450&ssl=1
[13]: https://itsfoss.com/vs-code-shortcuts/