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

相关推荐
yuki_uix16 分钟前
深入理解 JavaScript 的 this:从困惑到掌握的完整指南
前端·javascript
小贤哥17 分钟前
死磕这几道js手写题
前端·程序员
Lee川18 分钟前
🌐 深入 Chrome 浏览器:从单线程到多进程架构的进化之路
前端·架构·前端框架
学以智用21 分钟前
Vue 3 项目核心配置文件详解
前端·vue.js
工边页字23 分钟前
AI 开发必懂:Context Window(上下文窗口)到底是什么?
前端·人工智能·后端
Mr_Swilder25 分钟前
intel显卡本地部署大模型
前端
yuki_uix25 分钟前
Promise 与 async/await:从回调地狱到优雅异步的演进之路
前端·javascript
over69729 分钟前
📸《拍照记单词》—— 从零到上线的完整开发指南(超详细版)
前端·人工智能·产品
毛骗导演30 分钟前
万字解析 OpenClaw 源码架构-架构概览
前端·架构
天才熊猫君38 分钟前
Flex布局深度解析:为什么我的Flex项目不按预期收缩?
前端