前端同学看过来!用 AI 写了一个 Frontend Project Manager,环境配置不再头秃
太长不看版:
- 下载地址 :https://github.com/cuteyuchen/frontend-project-manager/releases
- 核心功能:可视化管理 Node 版本 + 一键配置系统变量 + 前端项目快捷管理
- 技术栈:Tauri v2 + Vue 3 + Rust (轻量、极速)
做前端开发的同学们,是不是经常被 Node.js 版本折腾得死去活来?
今天要搞老项目用 v14,明天要尝鲜新框架得切 v20,NVM 虽然好用,但天天对着黑漆漆的命令行敲 nvm use、nvm install,是不是也挺烦的?要是路径没配对,环境变量又乱套了,心态直接崩了有没有!
最近我实在忍不了了,利用业余时间使用 AI 写了一个桌面端工具 ------ Frontend Project Manager 。
简单来说,就是把 NVM 给"可视化"了,外加一些项目管理的小功能。主打一个简单、直观、不折腾!
这玩意儿到底哪里好用?
1. 告别黑窗口,鼠标点点就能管 Node 版本
以前装个 Node 版本还得去官网查版本号,然后在命令行里敲。
现在?
打开软件,点一下 "Install Node" ,所有版本直接列出来给你选。想装哪个点哪个,自动调 NVM 给你装好。
安装的时候还会弹个 CMD 窗口给你看进度,装没装成一目了然,绝不瞎猜。

2. 设置默认 Node,再也不怕环境变量打架
很多时候我们以为切了版本,结果新开个终端还是旧的,原来是系统环境变量没变。
这个工具最实用的就是 "Set System Path" 功能。
你选好一个版本,点一下"设为系统默认",它自动帮你把环境变量改成这个版本的路径(比如 D:\node)。
而且我会自动帮你把路径里多余的 .exe 去掉(这个坑踩过的人都懂),保证配置一次成功。

3. 项目管理,一键直达
除了管环境,我还顺手做了个 Project Manager 。
你可以手动添加你的前端项目(Vue, React 等)。
添加后,你可以直接在这里点击打开 VS Code,或者打开项目所在的文件夹。
再也不用在资源管理器里一层层点进去找项目了。


4. 灵活配置,我的地盘我做主
在 Settings 页面,你可以自定义:
- 编辑器路径: 指定你的 VS Code 或其他编辑器路径。
- 终端设置: 喜欢 CMD、PowerShell 还是 Git Bash?自己选。
- 外观与语言: 支持深色模式和中英文切换。
- 数据备份: 支持导入/导出配置,重装系统也不怕丢数据。

用了啥技术?
虽然是个小工具,技术栈还是挺潮的:
- 底座: Tauri v2 (Rust) ------ 这就是快的原因,比 Electron 轻多了。
- 前端: Vue 3 + TypeScript + Vite 6 ------ 开发体验拉满。
- UI: Element Plus ------ 懂得都懂。
最后扯两句
这个 Frontend Project Manager 还在持续迭代中。其实初衷就是为了让自己少敲几个命令,把时间省下来摸鱼(划掉)写代码。
如果你也受够了命令行的繁琐,或者单纯想试个新工具,欢迎下载体验!
有啥 bug 或者建议,直接在 GitHub 上提 issue 或者是评论区喷我(轻喷)都行!