IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 推荐一个工作区管理小工具 -> 正文阅读

[开发工具]推荐一个工作区管理小工具

起因

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

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

所以编写了一个简单的小工具满足自己的需求:

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

小工具介绍

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

recent管理工作区

其他命令(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中打开文件或文件夹。

添加code命令

link recent到全局命令

因为功能比较简单,并没有封装成npm包,代码放在了GitHub: tools

clone之后执行:

npm install && npm link

就可以通过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

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

官网关于ELECTRON_RUN_AS_NODE描述

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.htmls

通过-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打开指定文件/文件夹了,类似的我们可以创建任何快捷命令来打开我们想使用的软件。

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-11-25 08:19:54  更:2021-11-25 08:20:40 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/15 18:44:01-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码