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

发布于:2025-05-12 ⋅ 阅读:(16) ⋅ 点赞:(0)

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 基础配置可以参考 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、触控板、常用快捷键等
持续更新中…


网站公告

今日签到

点亮在社区的每一天
去签到