【Mac 从 0 到 1 保姆级配置教程 12】- 安装配置万能的编辑器 VSCode 以及常用插件

Mac 从 0 到 1 保姆级配置教程目录，点击即可跳转对应文章：
【Mac 从 0 到 1 保姆级配置教程 00】 - 教程说明
【Mac 从 0 到 1 保姆级配置教程 01】 - 安装无敌的 brew
【Mac 从 0 到 1 保姆级配置教程 02】 - 你真的会装软件吗？内含常用软件安装教程
【Mac 从 0 到 1 保姆级配置教程 03】 - 安装配置美化 iterm2 一气呵成，Mac 下经久不衰的终端
【Mac 从 0 到 1 保姆级配置教程 04】 - 手把手教你安装配置 zsh 和 oh my zsh，一看就会！
【Mac 从 0 到 1 保姆级配置教程 05】 - 全网最详细 20+ 张图逐帧安装 powerlevel10k zsh 主题（上）
【Mac 从 0 到 1 保姆级配置教程 05】 - 全网最详细 20+ 张图逐帧安装 powerlevel10k zsh 主题（下）
【Mac 从 0 到 1 保姆级配置教程 06】 - iterm2 常用快捷键和 zsh 别名配置
【Mac 从 0 到 1 保姆级配置教程 07】 - 配置 Git、GitHub、SSH 免密提交以及 Git 常用基础命令
【Mac 从 0 到 1 保姆级配置教程 08】 - 快速配置 Neovim、LazyVim 以及常用开发环境，如果之前有人这么写就好了
【Mac 从 0 到 1 保姆级配置教程 09】 - 快速配置终端复用工具 tmux 和 oh-my-tmux
【Mac 从 0 到 1 保姆级配置教程 10】 - sdkman 几分钟搞定 Java 开发环境，一定不要错过啊！
【Mac 从 0 到 1 保姆级配置教程 11】 - Mac 基础配置 Finder、触控板、常用快捷键等
持续更新中…

前言

VSCode 是微软开发的一款轻量级代码编辑器，支持多种编程语言，包括 JavaScript、TypeScript、Python、Java 等。VSCode 以其强大的功能和灵活的扩展性，成为了开发者中非常受欢迎的工具。

我们可以把它当做一个文本编辑器来使用，也可以把它当做一个 IDE 来使用。

安装 VSCode

1. 打开 VSCode 官网，下载 Mac 版本的安装包。
2. 下载完成后，双击安装包，按照提示完成安装。

当然，也可以通过 Homebrew 来安装：

brew install --cask visual-studio-code

基础配置

如果你之前在其他设备上有相关的配置，可以直接登录账号，然后同步到新设备上。

VSCode 基础配置可以参考 VSCode 官方文档。

我的个人必备的插件 Vim，关于 Vim 的相关内容在之前文章中有所介绍。这里贴一下我的配置。

在 settings.json 中添加以下配置

{"window.commandCenter": 1,// vim config"vim.easymotion": true,"vim.incsearch": true,"vim.useSystemClipboard": true,"vim.useCtrlKeys": true,"vim.hlsearch": true,"vim.insertModeKeyBindings": [{"before": ["i","i"],"after": ["<Esc>"]}],"vim.normalModeKeyBindingsNonRecursive": [{"before": ["<leader>","d"],"after": ["d","d"]},{"before": ["D"],"after": ["g","g","v","G","d"]},{"before": ["<C-n>"],"commands": [":nohl"]},{"before": ["J"],"after": ["5","j"],"silent": true},{"before": ["K"],"after": ["5","k"],"silent": true},{"before": ["H"],"after": ["5","h"],"silent": true},{"before": ["L"],"after": ["5","l"],"silent": true},{"before": ["W"],"commands": [":w","<Enter>"],"silent": true},{"before": ["Q"],"commands": [":q","<Enter>"],"silent": true},{"before": ["Y"],"commands": [":%y","<Enter>"],"silent": true},],"vim.leader": "<space>","vim.handleKeys": {// "<C-a>": false,"<C-f>": false,},"extensions.experimental.affinity": {"vscodevim.vim": 1},"vim.sneak": true,"vim.sneakUseIgnorecaseAndSmartcase": true,"vim.camelCaseMotion.enable": true,"vim.replaceWithRegister": true,"fittencode.inlineCompletion.enable": true,"editor.fontSize": 13
}

常用插件

大家可以根据自己的需求选择插件，这里我列出一些常用的插件，供大家参考。

1. 通用开发工具

• Chinese (Simplified) Language Pack：VS Code 的中文语言包，提供本地化界面
• Code Runner：快速运行多种语言的代码片段
• Prettier - Code formatter：代码格式化工具，支持多种语言
• ESLint：JavaScript 和 TypeScript 的代码质量检查工具
• GitLens：增强 Git 功能，显示代码行的详细 Git 信息
• Live Server：为静态和动态页面启动本地开发服务器，支持实时重载
• Auto Rename Tag：自动重命名成对的 HTML/XML 标签
• Path Intellisense：自动补全文件路径

2. 编程语言支持

• Python：Python 语言支持与智能提示
• Java Extension Pack：Java 开发必备插件集合
• C/C++：C/C++ 语言支持与智能提示
• Go：Go 语言支持
• Rust：Rust 语言支持
• JavaScript (ES6) code snippets：ES6 语法的代码片段

3. 数据库工具

• SQLTools：数据库连接和查询管理工具
• MongoDB for VS Code：MongoDB 数据库支持

4. 主题与界面美化

• Material Icon Theme：文件图标主题
• One Dark Pro：深色主题，减轻眼睛疲劳
• Vracula Official：流行的暗色主题
• Vitesse Theme：深色主题，减轻眼睛疲劳
• Bracket Pair Colorizer 2：彩色括号匹配，提高代码可读性

5. 效率工具

• Todo Tree：快速查找和管理代码中的 TODO 注释
• Bookmarks：在代码中添加书签并快速导航
• Project Manager：快速切换和管理多个项目
• Remote - SSH：通过 SSH 连接远程开发环境
• Code Spell Checker：拼写检查，避免代码中的拼写错误
• Vim：为喜欢 Vim 键位的开发者提供 Vim 模式

6. Markdown 工具

• Markdown All in One：Markdown 写作和预览增强
• Markdown Preview Enhanced：增强的 Markdown 预览功能

7. 容器开发

• Docker：Docker 容器管理和开发支持
• Kubernetes：Kubernetes 集群管理和开发

8. AI 辅助编程

• GitHub Copilot：AI 代码辅助工具，提供智能代码建议
• Tabnine AI：基于 AI 的代码补全工具
• • Fitten Code：响应速度快、功能强大、免费的智能补全工具

9. 团队协作

• Live Share：实时代码协作和共享开发环境

按照你的开发需求选择适合的插件，不建议安装太多插件，以免影响 VS Code 的性能。

最后放一张 vitesse theme 主题插件的截图，这个主题插件挺好看，推荐给大家。

最后

以上就是 VSCode 的安装、配置以及常用插件的介绍，希望对你有所帮助。

---

如果感觉文章对你有所帮助，请三连支持一下博主哦，感谢大家～

最重要的是给博主留一个大大的关注，你的支持是我更新的最大动力！

这个系列会继续更新下去的！

系列教程

【Mac 从 0 到 1 保姆级配置教程 00】 - 教程说明
【Mac 从 0 到 1 保姆级配置教程 01】 - 安装无敌的 brew
【Mac 从 0 到 1 保姆级配置教程 02】 - 你真的会装软件吗？内含常用软件安装教程
【Mac 从 0 到 1 保姆级配置教程 03】 - 安装配置美化 iterm2 一气呵成，Mac 下经久不衰的终端
【Mac 从 0 到 1 保姆级配置教程 04】 - 手把手教你安装配置 zsh 和 oh my zsh，一看就会！
【Mac 从 0 到 1 保姆级配置教程 05】 - 全网最详细 20+ 张图逐帧安装 powerlevel10k zsh 主题（上）
【Mac 从 0 到 1 保姆级配置教程 05】 - 全网最详细 20+ 张图逐帧安装 powerlevel10k zsh 主题（下）
【Mac 从 0 到 1 保姆级配置教程 06】 - iterm2 常用快捷键和 zsh 别名配置
【Mac 从 0 到 1 保姆级配置教程 07】 - 配置 Git、GitHub、SSH 免密提交以及 Git 常用基础命令
【Mac 从 0 到 1 保姆级配置教程 08】 - 快速配置 Neovim、LazyVim 以及常用开发环境，如果之前有人这么写就好了
【Mac 从 0 到 1 保姆级配置教程 09】 - 快速配置终端复用工具 tmux 和 oh-my-tmux
【Mac 从 0 到 1 保姆级配置教程 10】 - sdkman 几分钟搞定 Java 开发环境，一定不要错过啊！
【Mac 从 0 到 1 保姆级配置教程 11】 - Mac 基础配置 Finder、触控板、常用快捷键等
持续更新中…