一键打开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...

相关推荐
ZC跨境爬虫7 小时前
跟着 MDN 学JavaScript day_7:数学运算与逻辑判断实战测试
开发语言·前端·javascript·学习·ecmascript
fangdengfu1237 小时前
ES分析系统各个服务日志占用量
java·前端·elasticsearch
JustHappy9 小时前
古法编程秘籍(六):程序到底是怎么跑起来的?从 IO 到中断,一次讲明白
前端·后端·全栈
HYCS9 小时前
用pixi.js实现fabric.js(六):从线性代数的角度理解编辑器交互
前端·javascript·canvas
卷帘依旧10 小时前
useImperativeHandle的作用
前端
卷帘依旧10 小时前
Hooks在Fiber上的存储原理
前端
you458010 小时前
学成在线--day02 CMS前端开发(含Vue基础知识得回顾)
前端·javascript·vue.js
xiaofeichaichai10 小时前
虚拟 DOM
前端·javascript·vue.js
2401_8784545310 小时前
前端高频得手写题
前端