资讯

历史

科技

环境与自然

成长

游戏

财经

文学与艺术

美食

健康

家居

文化

情感

汽车

三农

军事

旅行

运动

教育

生活

星座命理

VSCode code 命令使用指南

创作时间:

作者:

@小白创作中心

VSCode code 命令使用指南

引用

来源

http://www.runoob.com/vscode/vscode-code-command.html

VSCode的code命令是一个非常实用的命令行工具，可以帮助开发者快速打开VS Code并执行一些与代码相关的操作。本文将详细介绍code命令的安装方法、常用功能以及如何使用code命令打开Vue项目。

在 Visual Studio Code 中，code 命令是一个命令行工具，用于快速打开 VS Code 并执行一些与代码相关的操作。
code 命令直接可以帮助开发者从终端或命令提示符中直接启动 VS Code 或处理特定的任务。
最常用的方式就是使用code命令直接从命令行中打开文件目录，此时需要先安装 code 命令。
Windows 系统安装 VS Code 后，code 命令会自动注册到系统环境变量中，如果未注册，可以手动添加 VS Code 的安装路径到 PATH 环境变量中。
启用 VSCode 的 code 命令非常简单，先打开命令面板：

macOS 系统快捷键：⇧⌘P（command + shift + p）
Windows/Linux 快捷键:Ctrl + Shift + P
搜索安装>shell command:
然后选择在 PATH 中安装"code"命令 - Shell Command: Install 'code' command in PATH即可为系统 PATH 路径添加了code命令的引用。
我们可以通过命令行打开文件、安装扩展、修改显示语言，甚至查看诊断信息。
以下是一些常用的命令行选项，可以通过code --help命令查看：

我们可以在命令行中使用code .命令让文件夹在 VS Code 中打开：

命令功能说明
code <路径> 打开文件或文件夹
code . 打开当前目录作为工作区
code --new-window 在新窗口中打开
code --diff 对比两个文件的内容
code --wait 等待窗口关闭后再返回终端
code --disable-extensions 禁用所有扩展运行 VS Code
code --install-extension <扩展名> 安装指定扩展
code --list-extensions 列出所有已安装的扩展
code --uninstall-extension <扩展名> 卸载指定扩展

code 命令的常用功能

1. 打开文件或文件夹

code <文件路径>

例如打开 app.js 文件：

code app.js

打开文件夹（以工作区的方式）：

code <文件夹路径>

例如打开 my-project 文件夹：

code my-project

2. 创建新文件
如果指定的文件不存在，code 会创建该文件并打开它：

code newfile.js

3. 以当前目录为工作区打开 VS Code
直接运行 code 命令会以当前终端所在目录为工作区启动 VS Code：

code .

4. 对比文件
code 命令支持文件内容对比：

code --diff <文件1> <文件2>

示例：

code --diff index.html index-backup.html

5. 查看帮助
查看 code 命令的所有可用选项：

code --help

使用 code 命令打开 vue 项目

创建 vue 项目

打开终端或命令提示符，输入以下命令创建 vue 项目：

npm create vue@latest

系统会提示输入项目名称，我这边输入runoob-vue3-app：

Vue.js - The Progressive JavaScript Framework
? 请输入项目名称： › runoob-vue3-app

之后会有一些选项，可以根据自己的需求选择，或者一路回车：

Vue.js - The Progressive JavaScript Framework
> 请输入项目名称： … runoob-vue3-app
> 是否使用 TypeScript 语法？ … 否 / 是
> 是否启用 JSX 支持？ … 否 / 是
> 是否引入 Vue Router 进行单页面应用开发？ … 否 / 是
> 是否引入 Pinia 用于状态管理？ … 否 / 是
> 是否引入 Vitest 用于单元测试？ … 否 / 是
> 是否要引入一款端到端（End to End）测试工具？ › 不需要
> 是否引入 ESLint 用于代码质量检测？ › 否
正在初始化项目 /Users/Runoob/runoob-vue3-app...
项目初始化完成，可执行以下命令：
 cd runoob-vue3-app
 npm install
 npm run dev

项目创建完成后，进入项目文件夹并安装依赖：