推荐一个工作区管理小工具.md

简介: 可以提高工作效率的工作区管理小工具

起因

工作中的业务线比较复杂,每个业务线对应一个项目,经常会遇到多个需求并行开发或者在多个项目中排查问题的情况,需要频繁在不同项目之间切换。

日常接触到各种新工具自己也会上手试一下,有时候研究到一半可能会被其他事情中断导致忘记。

基于对记录和快速编辑的需求,编写了一个简单的小工具:

  • 可以记录工作区目录,增加和删除
  • 可以直接通过VS Code打开工作区进行编辑

小工具介绍

这个小工具使用了一年多,在大部分场景下满足我自己的需求,也提高了开发效率。小工具使用nodejs编写,使用了inquire.js来做交互提示,通过上下键选择,回车则使用VS Code打开。使用使用效果:

recent-demo.gif

其他命令(recent可以简写为: r):

  • recent add + dirname (相对地址或绝对地址)
  • recent del + dirname
  • recent ls 查看已添加的所有工作区数据
  • recent ls + str 根据输入的内容筛选工作区数据
  • recent + str 根据输入内容进行匹配并打开

具体使用

在环境变量中添加code命令

在VS Code中使用快捷键 Command/ + shift + P 打开命令行面板,执行安装code的shell命令。

安装完成后就可以在命令行中通过code .在VS Code中打开文件或文件夹。


link recent到全局命令
npm install -g recent-cli


就可以通过recent(或简写r)来管理工作区了,会调用code命令在VS Code中打开工作区。

其他

安装的code命令做了什么操作
# 查看code命令地址which code
# 查看软连接指向ls-a /usr/local/bin/code


找到具体的文件之后,发现是一个shell脚本:

#!/usr/bin/env bash## Copyright (c) Microsoft Corporation. All rights reserved.# Licensed under the MIT License. See License.txt in the project root for license information.function realpath() { python -c"import os,sys; print(os.path.realpath(sys.argv[1]))""$0"; }
CONTENTS="$(dirname "$(dirname "$(dirname "$(dirname "$(realpath "$0")")")")")"ELECTRON="$CONTENTS/MacOS/Electron"CLI="$CONTENTS/Resources/app/out/cli.js"ELECTRON_RUN_AS_NODE=1"$ELECTRON""$CLI""$@"exit$?


在MacOS下查看了一下:

$ELECTRON/Applications/Visual Studio Code.app/Contents/MacOS/Electron

$CLI/Applications/Visual Studio Code.app/Contents/Resources/app/out/cli.js

$@就是接收到的文件夹或文件地址

open命令

在MacOS下,我们可以通过open -a来指定的应用并传参:

# 使用Typora打开文件或文件夹open -a Typora README.md 
# 使用Chrome打开文件或文件夹open -a open -a Google\ Chrome cat.png
open -a open -a Google\ Chrome .
默认情况下,open命令会使用文件的默认应用程序打开。如果文件是 URL 形式,则文件将作为 URL 打开:
# 目录默认使用Finder打开open .
# html会用默认浏览器打开open index.html


通过-a参数可以指定应用程序来打开文件或目录,其他支持的参数可以通过open -h查看。

为Open命令创建快捷命令

通过Open命令我们可以使用指定的程序打开指定文件或目录,但是open命令打开比较繁琐,需要输入完整的程序名称。

如果想直接通过typora打开markdown文件,我们可以为Open创建快捷命令。

Node.js版本:

#!/usr/bin/env node// typora.js
const { spawn } = require('child_process')
const params = process.argv.slice(2)
spawn('open', ['-a', 'Typora', ...params]);


创建软连接

  • 直接创建软连接


/

# 添加可执行权限chmod+x ./recent.js
# 链接到全局  ln -s 源文件绝对路径 本地环境变量ln-s /User/xxx/typora.js /usr/local/bin/typora
  • 或者放到单独的目录,在package.json中指定
{
"bin":{
"typora":"./typora.js",
"t":"./typora.js"  } 
}
  • 目录执行link,会自动添加可执行权限并添加软连接到本地环境变量

npm link

我们就可以在命令行中使用typora来通过Typora打开指定文件/文件夹了,类似的我们可以创建任何快捷命令来打开我们想使用的软件。


欢迎关注微信公众号"混沌前端"


相关文章
Altium Designer导出Gerber文件的步骤
在设计好PCB之后就需要发出去制作,一般我们都会选择发送Gerber文件。当然也可以发送PCB原文件,只不过这样没有保密性,这个根据自己的实际情况来选择。如果PCB对于保密性没有要求,自己对工艺又不是很了解的话,为了方便可以直接发送PCB原文件。这里还是建议大家导出Gerber文件做比较好,下面我们就来看一下Altium Designer如何导出Gerber文件。
985 0
|
1月前
|
人工智能 程序员
工作区的文件无法正常保存
在vscode里面打开了某个目录,在目录下使用ai程序员,然后问问题的时候,经常又去新建已经存在的文件,然后点击接受的时候会提示未发现文件。
36 12
|
Go 开发工具 git
Go 1.18 新增三大功能之一“工作区模式”介绍
Go 1.18 新增三大功能之一“工作区模式”介绍
149 0
|
数据可视化 开发工具 git
VS code 中 Git可视化管理工具教程
VS code 中 Git可视化管理工具教程
341 0
VS code 中 Git可视化管理工具教程
|
存储 数据可视化 JavaScript
VS Code使用Git可视化管理源代码详细教程
VS Code使用Git可视化管理源代码详细教程
619 0
VS Code使用Git可视化管理源代码详细教程
SVN中,A项目如何共享B项目的内容
SVN中,A项目如何共享B项目的内容
98 0
|
存储 数据管理 数据挖掘
数据管理--文件管理规范示例|学习笔记
快速学习 数据管理--文件管理规范示例
159 0
数据管理--文件管理规范示例|学习笔记
|
Android开发
【开发环境】010 Editor 工具 ( 工具下载 | 二进制文件分析模板模板安装 | 快捷键查看与设置 )
【开发环境】010 Editor 工具 ( 工具下载 | 二进制文件分析模板模板安装 | 快捷键查看与设置 )
719 0
【开发环境】010 Editor 工具 ( 工具下载 | 二进制文件分析模板模板安装 | 快捷键查看与设置 )
Confluence 6 导入模板的步骤
第一步:检查你 Confluence 站点中安装的模板组件 查看当前已经导入到你 Confluence 站点中可用的模板组件: 以系统管理员或者 Confluence 管理员权限登录 Confluence。
1391 0

热门文章

最新文章