VSCode¶

简介¶

VSCode 是一个开源的代码编辑器，基于 Web 且有着非常强大的拓展生态。

安装¶

建议使用 官网 的安装程序。VSCode 的安装程序还是非常友好的

拓展推荐¶

和特定 编程语言/特定 工具 有关的拓展就不列举在这里了，可以在相应的章节中查看

本地化¶

• Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 中文本地化拓展

实用¶

• EditorConfig for VS Code 可以在不同的编辑器间使用相同的配置，包括缩进格式、编码方式、行尾序列等。如果参与开源项目的协作，通常都会要求安装这个拓展。
• Project Manager 可以对项目进行分类，并提供了一个项目管理视图
• Todo Tree 识别代码中所有类似 TODO、FIXME 这样的特殊注释，并在一个视图中显示所有待办事项
• Bookmarks 可以为代码添加书签，并在一个视图中展示
• VSCode Neovim 将 Neovim 作为后端，提供强大的无鼠标编辑体验

外观¶

• CodeSnap 生成好看的代码截图
• Error Lens 把错误/警告/信息等直接显示在代码的同一行，而不是要打开别的面板才能查看
• ident-rainbow 给缩进高亮，让你能够清楚地看出缩进层数
• Output Colorizer 为 VSCode 的输出面板和 log 文件着色

主题¶

美化就是生产力！

• Material Icon Theme 比默认文件图标更好看（主观）的文件图标
• Material Product Icons 比默认产品图标更好看的（主观）的产品图标
• One Dark Pro 比默认颜色主题更好看（主观）的颜色主题

版本控制¶

我平常只使用 VSCode 自带的 Git 功能以及命令行 Git 操作，很少使用 Git 相关拓展

• Git Graph 可以图形的方式显示 Git 提交历史，并支持丰富的操作。
• Gitlens 提供了非常多基于 Git 的功能，感觉有点臃肿。

远程开发¶

远程开发似乎是 VSCode 的最大优势，也是很多人看中 VSCode 的原因。不过我个人很少用到远程开发

• Remote Development 包含了下面 4 个拓展的拓展包
  • WSL 支持在 VSCode 中打开 WSL 中的文件夹
  • Dev Containers 支持在 VSCode 中打开容器中的文件夹
  • Remote - SSH 支持在 VSCode 中通过 SSH 连接到远程机器
  • Remote - Tunnels 支持在 VSCode 中通过 Tunnel 连接到远程机器
• Remote Repositories 包含了下面 2 个拓展的拓展包
  • GitHub Repositories 远程浏览和编辑 GitHub 仓库。如果某些仓库特别大不适合 clone 到本地的话，这个拓展非常方便
  • Azure Repos 远程浏览和编辑 Azure 仓库
• Remote Explorer 提供了一个视图显示可连接的远程机器列表，让 Remote - SSH 和 Remote - Tunnels 用起来更方便

配置文件管理¶

启用太多拓展可能会导致一些问题，比如占用内存变大、启动变慢等。但每打开一个不同的项目就要手动禁用、启用拓展又过于麻烦。配置文件的出现就是为了解决这个问题的，不仅支持为不同的项目配置不同的拓展，还可以配置不同的设置、键盘快捷方式、任务、代码片段等，功能非常强大

配置文件的具体使用方式取决于个人习惯，而且目前功能似乎不太完善，比如 配置文件不能继承。有需求的话建议去阅读 官方文档

命令行¶

VSCode 还提供了命令行工具 code，用法和其它的命令行编辑器很类似

# 打开当前目录
code .
# 打开单个文件
code text.c

除此之外这个工具还有很多别的功能

# 从市场中安装拓展
code --install-extension rust-lang.rust-analyzer
# 从文件中安装拓展
code --install-extension my-extension-0.0.1.vsix
# 卸载拓展
code --uninstall-extension rust-lang.rust-analyzer
# 列出所有已安装拓展
code --list-extensions
# 同时显示版本
code --list-extensions --show-versions
# 比较文件差异
code --diff file1 file2

可以运行 code --help 或阅读 官方文档 了解更多功能

制作自己的拓展¶

虽然 VSCode 的拓展生态非常丰富，但仍可能存在一些特殊需求无法满足。这时一种解决方式是自己制作拓展。VSCode 官方有非常详细的、关于制作拓展的 文档

拓展有一套标准的项目结构。VSCode 官方提供了代码生成工具，可以快速搭建起项目的骨架

npm install -g yo generator-code
# 生成代码
yo code

拓展制作完成后可以打包、安装和发布，VSCode 官方同样提供了易用的工具。其中发布拓展需要比较繁琐的步骤，建议阅读 官方文档

npm install -g @vscode/vsce
# 打包拓展
vsce package
# 直接从打包文件中安装拓展
code --install-extension my-extension-0.0.1.vsix
# 发布拓展
vsce publish