一键打开VSCode之命令行的力量

作为一名开发者,你是否也经常需要通过命令行打开 VSCode 来编辑文件或查看代码?

不要担心,我在这里将为大家详细介绍如何在 macOS 和 windows 系统下启用并使用 VSCode 的 code 命令

什么是code命令

VSCode 提供了一个名为 code 的命令行命令。通过在终端内输入 code 文件路径 的方式,我们可以快速使用 VSCode 打开任意文件或文件夹进行编辑和查看, 非常方便

macOS和Linux系统

要启用 VSCode 的 code命令 非常简单,只需在 VSCode 中打开命令面板,搜索安装 shell command ,然后选择 Shell Command: Install 'code' command in PATH 即可。这就为系统 PATH 路径添加了 code命令 的引用。

安装成功后,出现弹框提示

使用code命令 启用之后,我们就可以在任意终端内使用code命令了

常用命令

  • code . - 打开当前文件夹
  • code index.js - 打开指定文件
  • code src - 打开某个目录

例如:

我们 clone 项目之后,一般需要再找到项目所在目录导入 VSCode 中,有了 code命令 就不需要这么麻烦了

直接 code . 就直接打开项目

windows系统

对于 Windows 系统,安装 VSCode 后默认会将 code 命令添加到系统的 PATH 环境变量中,因此无需执行任何额外的步骤。

如果您在 Windows 系统中遇到了 code 命令不可用的问题,请确保您的系统已将 VSCode 的安装目录添加到 PATH 环境变量中。如果没有添加,请手动将其添加到 PATH 环境变量中。

安装步骤

在 Windows 电脑上,要将 VSCode 的安装目录添加到 PATH 环境变量中,可以按照以下步骤进行操作:

  1. 打开"控制面板",然后选择"系统和安全"。
  2. 选择"系统",然后在左侧面板中选择"高级系统设置"。
  3. 在"系统属性"对话框中,选择"环境变量"按钮。
  4. 在"环境变量"对话框中,找到"系统变量"下的"Path"变量,并选择"编辑"按钮。
  5. 在"编辑环境变量"对话框中,选择"新建"按钮,并输入 VSCode 的安装目录路径。例如,如果您的安装目录路径为"C:\Program Files\Microsoft VS Code",则可以在"新建系统变量"对话框中输入"C:\Program Files\Microsoft VS Code\bin"。
  6. 点击"确定"按钮,关闭所有对话框并重新启动您的终端应用程序(例如命令提示符或 PowerShell)。
  7. 测试 code 命令是否可用。启动终端应用程序,输入 code 命令并按下回车键。如果一切正常,VSCode 应该会启动并打开一个新的实例。

这样,我们就可以就可以在 Windows 电脑上使用 code 命令来启动 VSCode 了。

常用命令

  • 打开指定文件或文件夹

通过code 文件/文件夹路径可以快速在 VSCode 中打开

  • 打开当前目录

在路径窗口输入 code . 可以打开当前文件夹

  • 以管理员身份打开 VSCode

使用code --user-data-dir="."可以以管理员模式打开VSCode

如果需要为 code命令 添加一些个性化选项,可以在 VSCode 的 settings.json 中添加:

css 复制代码
"code-settings": {
  "terminal.integrated.shellArgs.osx": ["-Flag1", "-Flag2"] 
}

这为所有通过 code命令 打开的 VSCode实例 添加了自定义flag!

总结

利用 VSCode 提供的 code命令 ,可以让我们只通过简单的终端命令就能打开 VSCode 进行编辑或阅读,并且大大提高了 VSCode 的可定制性和便捷性

最后,祝大家变得更强!

参考

www.zhihu.com/tardis/zm/a...

相关推荐
玩电脑的辣条哥2 小时前
Python如何播放本地音乐并在web页面播放
开发语言·前端·python
ew452182 小时前
ElementUI表格表头自定义添加checkbox,点击选中样式不生效
前端·javascript·elementui
suibian52352 小时前
AI时代:前端开发的职业发展路径拓宽
前端·人工智能
Moon.92 小时前
el-table的hasChildren不生效?子级没数据还显示箭头号?树形数据无法展开和收缩
前端·vue.js·html
垚垚 Securify 前沿站2 小时前
深入了解 AppScan 工具的使用:筑牢 Web 应用安全防线
运维·前端·网络·安全·web安全·系统安全
工业甲酰苯胺5 小时前
Vue3 基础概念与环境搭建
前端·javascript·vue.js
mosquito_lover16 小时前
怎么把pyqt界面做的像web一样漂亮
前端·python·pyqt
柴柴的小记9 小时前
前端vue引入特殊字体不生效
前端·javascript·vue.js
柠檬豆腐脑9 小时前
从前端到全栈:新闻管理系统及多个应用端展示
前端·全栈
bin91539 小时前
DeepSeek 助力 Vue 开发:打造丝滑的颜色选择器(Color Picker)
前端·javascript·vue.js·ecmascript·deepseek