文章目录
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 官方文档。
我的个人必备的插件 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、触控板、常用快捷键等
持续更新中…