likes
comments
collection
share

有关vscode的一些命令行小技巧

作者站长头像
站长
· 阅读数 4

有过好几次当我在用命令行操作git的时候,同事会过来问我不是有工具吗,干啥还要那么累噼里啪啦的敲命令行呢,我只能说那么多年了习惯了,同事只能呵呵一声表示不理解,我也回一声呵呵表示有代沟,而最近我忽然发现vscode一些常用操作也支持命令行,顿时就来精神了,这种可以用命令行替代常规操作的事情咱必须安排走一个~

打开某个项目

一般来讲,我们打开一个项目的方式无外乎这么几种

  • 将项目文件夹拖动至vscode界面
  • 在vscode里面选择File->Open(或者Open Recent)选择要打开的项目
  • 使用某些插件比如Project Manager

但是我们还有更加便捷的方式去打开某个项目,就是用命令行code [项目路径]去打开,不过前提是你vscode中已经安装了code命令,没有安装的可以使用快捷键cmd+shift+P,然后在弹出的搜索框内搜索shell command,在下拉框中选择Shell Command: Install 'code' command in PATH这条命令,最后重新启动vscode就好了

有关vscode的一些命令行小技巧

现在再关闭vscode,打开终端,在里面输入code [项目路径],按下回车键后,就会立马启动vscode,并打开了指定项目

有关vscode的一些命令行小技巧

当然也可以切到项目的根目录里面,执行code .命令,这样也可以打开项目

有关vscode的一些命令行小技巧

选项参数

除了可以打开项目之外,code命令还有一些常用参数,我们一起来了解下

-h或者--help

用来打印使用方式

有关vscode的一些命令行小技巧

-v或者--version

用来打印出你当前使用的vscode的版本号,github的提交id以及支持的cpu架构

有关vscode的一些命令行小技巧

-n或者--new-window

打开一个新的vscode编辑窗口

有关vscode的一些命令行小技巧

-r或者--reuse-window

复用窗口,如何复用呢?如果你同时打开了A项目和B项目,然后再将这俩个项目都依次最小化退到后台,那么最后一个退到后台的项目,下一次使用code -r命令的时候,将会被优先打开,也就是后退先出的规则

有关vscode的一些命令行小技巧

-d或者--diff <文件1> <文件2>

这个命令用在什么场景呢?比如刚好接手了个项目,其中有几个页面长得都类似,代码也都是造轮子造出来的,仅仅是部分地方有些许差异,那么如果想要知道这些页面的差异在什么地方,就可以使用这个命令快速找出来,举个简单的例子,新建两个文件,一个是111.txt,一个是222.txt,文件内容如下

有关vscode的一些命令行小技巧

如果要找出这两个文件的差异,我们只需要在终端里面输入以下命令

有关vscode的一些命令行小技巧

回车后,这俩文件的对比效果就出来了

有关vscode的一些命令行小技巧

-g或者--goto

这个命令是用来快速打开某一个文件并且可以指定到某一行光标移动的位数,格式如下

有关vscode的一些命令行小技巧

这里以上面创建的111.txt文件为例,我现在想打开这个文件,并且光标定位到第三行移动两位,操作如下

有关vscode的一些命令行小技巧

插件

--list-extensions和--show-versions

通常我们如果想要查看自己vscode里面装了什么插件,都会去侧边栏里面点击扩展按钮才会展示出已经安装的插件列表,但是这个前提得先打开vscode编辑器,如果想要马上得到已安装的插件列表,我们还有更快的方式,就是使用code --list-extensions命令

有关vscode的一些命令行小技巧

虽然没有像在vscode的扩展列表里面展示的那样详细,但是至少可以知道都装了哪些插件,另外我们还可以使用--show-versions来额外获取每个插件所对应的版本号,如下所示

有关vscode的一些命令行小技巧

--install-extension和--uninstall-extension

除了可以展示已安装的插件列表之外,code命令还支持直接安装插件,只需要使用参数--install-extension,后面加上需要安装插件的扩展Id,获取扩展Id的方式很简单,每一个插件的边上都有一个设置的按钮,点击就会有个下拉菜单,其中就有复制扩展Id选项

有关vscode的一些命令行小技巧

比如现在需要安装一个叫Panda Theme的插件

有关vscode的一些命令行小技巧

那么只需要将这个插件的扩展id复制到终端里,并且输入以下安装命令,这个插件就显示安装完成了

有关vscode的一些命令行小技巧

此时我们再执行以下code --list-extensions命令,就会发现这个插件已经在安装列表里面

有关vscode的一些命令行小技巧

同样的也可以执行code --uninstall-extension <扩展id>命令去卸载插件,比如我们想要将刚才安装完的Panda Theme插件卸掉,那么就执行如下命令

有关vscode的一些命令行小技巧

完事以后再执行一遍code --list-extensions命令后,可以看到我们的安装列表内已经没有Panda Theme这个插件了

有关vscode的一些命令行小技巧

查看状态

有时候会发现有些项目在运行时候电脑会有些卡,或者发热,这个时候可以借助code -s或者code --status命令,它能帮我们打印出当前运行项目的资源使用信息,包括GPU状态,内存状态,各个进程分别使用了多少CPU和内存等数据

有关vscode的一些命令行小技巧

总结

其实还有其他命令,我选的都是些基本比(kan)较(de)常(dong)用(de),命令本身不难,关键是如何熟练掌握这些内容,将这些内容融入到平时的开发工作中去,并且提升自己的工作效率。

转载自:https://juejin.cn/post/7360947498943528987
评论
请登录