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

相关推荐
小白学前端6661 小时前
React Router 深入指南:从入门到进阶
前端·react.js·react
web130933203981 小时前
前端下载后端文件流,文件可以下载,但是打不开,显示“文件已损坏”的问题分析与解决方案
前端
outstanding木槿1 小时前
react+antd的Table组件编辑单元格
前端·javascript·react.js·前端框架
好名字08212 小时前
前端取Content-Disposition中的filename字段与解码(vue)
前端·javascript·vue.js·前端框架
隐形喷火龙2 小时前
element ui--下拉根据拼音首字母过滤
前端·vue.js·ui
m0_748241122 小时前
Selenium之Web元素定位
前端·selenium·测试工具
风无雨2 小时前
react杂乱笔记(一)
前端·笔记·react.js
前端小魔女3 小时前
2024-我赚到自媒体第一桶金
前端·rust
鑫~阳3 小时前
快速建站(网站如何在自己的电脑里跑起来) 详细步骤 一
前端·内容管理系统cms
egekm_sefg3 小时前
webrtc学习----前端推流拉流,局域网socket版,一对多
前端·学习·webrtc