基于electron实现的前端项目管理,便捷功能软件

161 阅读2分钟

该项目是window应用,基于electron + vue3 + typescrpit+ node实现,功能依赖node软件。可以对本地的前端项目进行管理,例如图形化的依赖管理器修改,安装依赖,删除依赖,启动项目,针对项目编组后启动。还可以,下载node包管理器nvm,对node进行版本切换。设置分组,对分组内绑定的软件一键启动。输入目录,对目录下的文件重命名或者替换命名。

 

主体功能介绍:

image.png

可以 选择文件夹 或者 输入框输入文件夹路径,该操作会解析文件夹下所有子文件夹,然后以输入的路径为名称,下方新增一个文件夹组。

image.png

点击展开后可以对子文件夹进行操作,例如,选择什么包管理器去启动项目,安装依赖,或者删除依赖,仅唤起子文件夹的cmd。

image.png

使用右上角的批量功能,对子文件夹进行批量设置启动命令,或者分组号。

  image.png

右侧就是自定义分组,在输入组名这里输入后新增,会自动检索左侧子文件夹设置和该组名相同的分组号的文件夹。互相绑定后,可以直接用右侧的一键启动,批量启动一个项目的多个服务。

其他功能介绍:

  image.png

Nvm:

nvm是前端node版本管理软件,方便切换node版本,可以通过按钮下载nvm,安装对应版本号的node,切换node。但是该操作需要一定权限,权限不够会无法使用。

image.png

一键唤起多个软件:

目的是实现一键启动多个软件,这样就不需要授权软件开机自启,只需要启动该管理软件,在启动分组就行。

先找到需要绑定的软件桌面图标,右击查看属性,然后复制目标里指向的应用程序路径

image.png

在点击选择唤醒路径,会弹出一个选择页面

image.png

注意选择的是可执行exe文件,目标路径粘贴到地址栏的时候需要删除掉后面的SwitchHosts.exe  不然会直接执行,跳转到路径后找到可执行exe文件,点击打开即可绑定。

当前目录下,批量重命名:

image.png

功能有示例,目前是按照文件的系统顺序,对路径下的文件进行 重命名,或者替换,需要注意的是,当前操作不可逆,操作前请先确认要不要修改文件后缀。

下载地址:

前端!启动!! Setup 1.0.0.exe www.alipan.com/s/kbo9jKkwZ… 提取码: 24nf

代码仓库地址:

gitee.com/yong-long-s…

最后:

因为除了我没人使用,所以没有去做成正式安装包,安装可能会有提示,如果有其他功能需要使用,可以给我留言,看到后试试能不能更新上去。