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

相关推荐
飞行增长手记4 分钟前
IP协议从跨境到物联网的场景化应用
服务器·前端·网络·安全
我叫张小白。7 分钟前
Vue3 插槽:组件内容分发的灵活机制
前端·javascript·vue.js·前端框架·vue3
Lovely_Ruby14 分钟前
前端er Go-Frame 的学习笔记:实现 to-do 功能(一)
前端·后端
脾气有点小暴20 分钟前
uniapp通用递进式步骤组件
前端·javascript·vue.js·uni-app·uniapp
问道飞鱼20 分钟前
【前端知识】从前端请求到后端返回:Gzip压缩全链路配置指南
前端·状态模式·gzip·请求头
小杨累了26 分钟前
CSS Keyframes 实现 Vue 无缝无限轮播
前端
小扎仙森27 分钟前
html引导页
前端·html
小飞侠在吗1 小时前
vue toRefs 与 toRef
前端·javascript·vue.js
csuzhucong1 小时前
斜转魔方、斜转扭曲魔方
前端·c++·算法
燃烧的土豆1 小时前
100¥ 实现的React项目 Keep-Alive 缓存控件
前端·react.js·ai编程