引言

VS Code是微软开发的的一款代码编辑器,既拥有高自由度、又拥有高性能和高颜值,最关键的是,VS Code还是一款免费并且有团队持续快速更新的代码编辑器。而VS Code之所以VS Code安装插件只需要点击图片所示按钮,即可进入插件区,在搜索框中输入插件名点击安装后,等待安装好即可点击重新加载重启VS Code使得插件生效。

插件按钮

最推荐的必备软件

Prettier - Code formatter

Prettier 是一个固执己见的代码格式化程序。它通过解析代码并使用自己的规则重新打印代码来强制实现一致的风格,这些规则考虑了最大行长度,并在必要时包装代码。

各种代码格式化,只关注格式化,并不具有eslint检查语法等能力,只关心格式化文件 (最大长度、混合标签和空格、引用样式等),包括JavaScript·Flow·TypeScript·CSS·SCSS·Less·JSX·Vue·GraphQL·JSON·Markdown. 他很固执,实在是泰酷了。

markdownlint - Visual Studio Marketplace

[markdownlint - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=DavidAnson.`VS Code`-markdownlint)

Markdown 标记语言设计为易于阅读、编写和理解。它成功了——它的灵活性既是优点也是缺点。可能有多种样式,因此格式可能不一致。有些构造在所有解析器中都不能很好地工作,应该避免。例如,以下是一些常见/麻烦的 Markdown 构造。
markdownlint 是 Visual Studio 代码编辑器的扩展,其中包括一个规则库,用于鼓励 Markdown 文件的标准和一致性。它由 Node.js 的 markdownlint 库提供支持(其灵感来自 Ruby 的 markdowlint)。Linting 由 markdownload-cli2 引擎执行,该引擎可以与此扩展结合使用,为脚本和持续集成场景提供命令行支持。markdownload-cli2-action GitHub action 使用相同的引擎,可以与项目工作流集成。

基于美学的markdown语法检查器,具有 40 条规则,助力写出最好看的markdown.

Codeium - AI Coding Autocomplete and Chat

Codeium: AI Coding Autocomplete and Chat for Python, Javascript, Typescript, Java, Go, and more - Visual Studio Marketplace

Codeium 是现代编码超级 power,一个基于尖端人工智能技术的免费代码加速工具包。目前,Codeium 提供 70 多种语言的自动完成、聊天和搜索功能,速度极快,建议质量一流。
现代编码工作流程中有许多部分是无聊、乏味或令人沮丧的,从反复使用样板到仔细阅读 StackOverflow。人工智能的最新进展使我们能够消除这些部分,从而无缝地将您的想法转化为代码。通过与 Visual Studio 代码的轻松集成和不到 2 分钟的安装过程,您可以专注于成为最好的软件开发人员,而不是最好的代码猴子。

免费,支持语言多,无区域限制。

Project Manager - Visual Studio Marketplace

Project Manager - Visual Studio Marketplace

它可以帮助您轻松访问您的项目,无论它们位于何处。不要再错过那些重要的项目了。
您可以定义自己的项目(也称为收藏夹),或者选择自动检测 Git、Mercurial 或 SVN 存储库、VS Code文件夹或任何其他文件夹。

将任何文件夹或工作空间另存为项目,并提供快捷打开。

Remote - SSH - Visual Studio Marketplace

[Remote - SSH - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=ms-`VS Code`-remote.remote-ssh)

Remote-SSH 扩展允许您使用任何带有 SSH 服务器的远程机器作为开发环境。这可以极大地简化各种情况下的开发和故障排除。您可以:
在您部署到的同一操作系统上进行开发,或者使用比本地机器更大、更快或更专业的硬件。
在不同的远程开发环境之间快速切换,并安全地进行更新,而不用担心影响您的本地计算机。
从多台机器或多个位置访问现有的开发环境。
调试在其他地方运行的应用程序,例如客户站点或云中。
本地机器上不需要源代码就可以获得这些好处,因为扩展直接在远程机器上运行命令和其他扩展。您可以打开远程计算机上的任何文件夹并使用它,就像文件夹在您自己的计算机上一样。

把服务器当本地用,从此告别各 STUDIO.

jsonhero.io tools for VS Code - Visual Studio Marketplace

[jsonhero.io tools for VS Code - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=JSONHero.jsonhero-`VS Code`)

在 jsonhero.io 中快速查看 JSON-一个美丽的 web JSON 查看器

在本地可以轻松查看json分级。

同样推荐的好用插件

  1. Better Comments: 给注释加点色彩。
  2. Code Runner: 直接运行代码。
  3. Docker: 管理已安装Docker应用。
  4. ``VS Code-pandoc: 转换MD文件到各种格式。
  5. Paste Image: 快捷为MD插入图片,特别合适hexo使用。
  6. Markdown Paste: 快捷为MD插入图片。
  7. Pandoc Markdown Preview: 快速预览MD.
  8. HTML CSS Support: 自动补全样式表。
  9. Eva Theme: 好看的主题,知乎经常推荐。
  10. Markdown All in One: Markdown必备。
  11. open in browser: 使用默认程序打开任何类型的文件,而不仅仅是 html 文件。
  12. Auto Rename Tag: 同步修改HTML/XML标签。
  13. Image preview: 鼠标悬停可以预览图片。

在用的软件

  1. Color Picker: 更好的颜色提取
  2. Highlight Matching Tag:高亮匹配标签
  3. Import Cost

团队软件

  1. EditorConfig

结论

VS CODE和插件们相互成就。

这就是开源的魅力!