当前位置：首页 > news >正文

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

news 来源：原创 2025/7/28 2:31:00

文章目录

- 前言
- 安装 VSCode
- 基础配置
- 常用插件
- - 1. 通用开发工具
  - 2. 编程语言支持
  - 3. 数据库工具
  - 4. 主题与界面美化
  - 5. 效率工具
  - 6. Markdown 工具
  - 7. 容器开发
  - 8. AI 辅助编程
  - 9. 团队协作
- 最后
- 系列教程

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

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

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

brew install --cask visual-studio-code

安装 VSCode

基础配置

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

参考配置

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 主题插件的截图，这个主题插件挺好看，推荐给大家。

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、触控板、常用快捷键等
持续更新中…

文章目录

前言

安装 VSCode

基础配置

常用插件

1. 通用开发工具

2. 编程语言支持

3. 数据库工具

4. 主题与界面美化

5. 效率工具

6. Markdown 工具

7. 容器开发

8. AI 辅助编程

9. 团队协作

最后

系列教程

相关文章：