Visual Studio Code 命令行工具 `code` 配置指南

为什么使用 code

使用 code 命令行工具可以让开发者直接从终端打开 Visual Studio Code,无需手动导航文件夹,极大地提高了工作效率。这对于频繁使用终端的开发者来说尤为便利。

配置 code 命令行工具

Mac 和 Linux

  1. 安装 Visual Studio Code

    • 确保已经安装了 Visual Studio Code。
  2. 安装 code 命令行工具

    • 打开 Visual Studio Code。
    • 按下 Cmd + Shift + P(在 Linux 上为 Ctrl + Shift + P)打开命令面板。
    • 输入并选择 Shell Command: Install 'code' command in PATH
    • 这会将 code 命令添加到系统的 PATH 中。
  3. 验证安装

    • 打开 iTerm2 或其他终端。
    • 输入 code,如果 Visual Studio Code 打开,说明配置成功。

Windows

  1. 安装 Visual Studio Code

    • 确保已经安装了 Visual Studio Code。
  2. 配置 PATH

    • 自动配置 :安装时,选择添加 code 命令到 PATH 的选项。
    • 手动配置
      • 找到 Visual Studio Code 的安装路径,通常在 C:\Program Files\Microsoft VS Code\C:\Users\<YourUsername>\AppData\Local\Programs\Microsoft VS Code\
      • 打开系统属性,进入"环境变量"。
      • 在"系统变量"中编辑"Path",添加路径 C:\Program Files\Microsoft VS Code\bin
      • 保存并关闭所有窗口。
  3. 验证安装

    • 打开命令提示符或 PowerShell。
    • 输入 code,如果 Visual Studio Code 打开,说明配置成功。

使用 code 命令

  • 打开 Visual Studio Code

    bash 复制代码
    code
  • 在当前目录打开 Visual Studio Code

    bash 复制代码
    code .
  • 打开指定文件

    bash 复制代码
    code <filename>

移除 code 命令行工具

Mac 和 Linux

  1. 找到 code 命令的位置

    • 通常安装在 /usr/local/bin/code
  2. 删除 code 命令

    • 打开终端。

    • 输入以下命令删除 code

      bash 复制代码
      sudo rm /usr/local/bin/code
  3. 验证移除

    • 在终端中输入 code,如果显示"command not found",说明移除成功。

Windows

  1. 移除 PATH 中的 code

    • 打开系统环境变量设置。
    • 从 PATH 中移除 Visual Studio Code 的路径。
  2. 验证移除

    • 在命令提示符或 PowerShell 中输入 code,如果显示"command not found",说明移除成功。
相关推荐
哎呦你好2 天前
VS Code 安装后设置中文界面并添加常用插件的详细指南
编辑器·visual studio code
魔术师ID11 天前
vue2.0 组件生命周期
前端·javascript·vue.js·学习·visual studio code
MingT 明天你好!11 天前
在vs code 中无法运行npm并报无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查
前端·npm·node.js·visual studio code
Ynov15 天前
详细解释api
javascript·visual studio code
vortex522 天前
浅谈 Shell 脚本编程中引号的妙用
linux·命令行
程序员Bears1 个月前
现代前端工具链深度解析:从包管理到构建工具的完整指南
前端·python·visual studio code
formulahendry1 个月前
把 MCP Server 打包进 VS Code extension
visual studio code·vs code·mcp
程序员Bears1 个月前
深入理解CSS3:Flex/Grid布局、动画与媒体查询实战指南
前端·css3·媒体·visual studio code
优弧1 个月前
VSCode配置重置完全指南
visual studio code
H5开发新纪元1 个月前
VS Code 插件开发实战:代码截图工具
javascript·visual studio code