Featured image of post VS Code 终端 code 命令安装指南:一键启动编辑器

VS Code 终端 code 命令安装指南:一键启动编辑器

让你的终端瞬间拥有召唤 VS Code 的超能力,告别繁琐的文件拖拽操作。只需30秒,即可在终端中使用 code 命令快速打开项目和文件。

VS Code Terminal

让你的终端瞬间拥有召唤 VS Code 的超能力,告别繁琐的文件拖拽操作。

引言

你是否羡慕过那些在终端中潇洒地输入 code . 就能打开整个项目的大佬?而你还在 Finder 里逐层点击文件夹,再拖进 VS Code?今天这篇指南将帮你补上这个"遗漏的安装步骤"。

code 命令不仅能打开文件和文件夹,还支持行号跳转、diff 对比等高级功能。对于开发者来说,这是提升效率的神器。

方法一:命令面板安装(最推荐)

这是 VS Code 官方提供的标准安装方式,简单快捷:

  1. 打开 VS Code

  2. 启动命令面板:按 Cmd + Shift + P(macOS)或 Ctrl + Shift + P(Windows/Linux)

  3. 搜索命令:输入 shell command

  4. 执行安装:选择 “Shell Command: Install ‘code’ command in PATH”

Command Palette

终端会立即显示安装成功的提示信息。

方法二:手动配置 PATH(备选方案)

如果方法一找不到 shell command 选项,可能是因为 VS Code 的位置不在标准路径。你可以手动添加 PATH:

macOS(zsh,系统默认):

1
2
echo 'export PATH="$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"' >> ~/.zshrc
source ~/.zshrc

macOS(bash):

1
2
echo 'export PATH="$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"' >> ~/.bash_profile
source ~/.bash_profile

Linux:

1
2
echo 'export PATH="$PATH:/usr/bin/code"' >> ~/.bashrc
source ~/.bashrc

方法三:确保 VS Code 在正确位置

有时安装选项不出现,是因为 VS Code 不在 /Applications/ 目录:

  1. 检查 VS Code 是否在 Applications 文件夹
  2. 如果是从下载文件夹打开的,拖动到 /Applications/
  3. 完全退出 VS Code(Cmd + Q
  4. 重新打开 VS Code,再尝试方法一

验证安装

安装完成后,验证是否成功:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
# 查看版本
code --version

# 打开当前目录
code .

# 打开指定文件
code README.md

# 打开文件并跳转到指定行
code app.js:42

# 对比两个文件
code --diff file1.js file2.js

常用 code 命令速查

命令 功能
code . 在当前目录打开 VS Code
code filename 打开指定文件
code -r filename 在已有窗口中打开文件
code -n 打开新的 VS Code 窗口
code --diff a b 对比两个文件差异
code --list-extensions 列出已安装扩展

总结

安装 code 命令只需 30 秒,但能让你的开发效率提升一个档次。无论是快速打开项目、跳转到指定代码行,还是进行文件对比,这个命令都是终端开发者的必备技能。

如果遇到安装问题,优先检查 VS Code 是否在标准 Applications 目录,然后尝试手动配置 PATH 方案。