仿VSCode做一个程序员快速装机工具

一、效果图

话不多说先上效果图(是不是跟vscode有点像)

二、引言

作为一个在代码堆里摸爬滚打的开发者,你是否也有过这样的"至暗时刻":换了一台新电脑,光是配置开发环境就要耗费整整一天?

以前我总觉得,忍忍就过去了。直到有一天,我突然想通了一件事:VSCode 也是用 Node.js 写出来的,既然它能成为开发者的神兵利器,我为什么不能用同样的技术,给自己造一把"瑞士军刀"?

于是,Launch Pad 诞生了。这不仅是一个工具,也是我对 VSCode 的一次致敬,也是我对自己技术边界的一次突围。

三、功能概述

虽然我是做 WebGIS 的,但我相信大多数开发者的工具链都差不多。所以我预置了市面上主流的工具支持:

  • 编码神器:VSCode、WebStorm、Trae、Qoder、HBuilderX。
  • 运行时环境:Node.js、Python、Java 8/17、NVM for Windows。
  • 数据库工具:DBeaver、ApiPost。
  • 运维管理:FinalShell。
  • 等等

当然,得益于模块化设计,如果你想加一个新的工具,写个 Provider 扩展就行,非常方便。

四、技术实现:致敬 VSCode

  1. Vue3 + TypeScript + ElementPlus :常用前端框架

  2. Electron + 模块化设计

Electron 让我可以把 Web 开发的技能无缝迁移到桌面端。为了让项目易于维护和扩展,我参考了很多优秀开源项目的设计模式,设计了 InstallChecker 工具类和独立的 Provider 模块。

这意味着,如果你想增加对"PostgreSQL"的支持,只需要新增一个 Provider 文件,写几行核心逻辑,完全不需要改动主进程的代码。有种"搭积木"的感觉。

五、缺点

Electron最大的缺点就是打包体积会比较大,它为了兼容性实际上是在包中加了一个node还有一个浏览器。

六、写在最后

以前我只是 VSCode 的使用者,享受着别人造好的轮子。而现在,我也尝试着用同样的技术,去解决自己遇到的痛点。虽然它可能没有商业软件那么完美,功能也没那么花哨,但每一行代码里,都藏着我作为开发者的思考和对效率的追求。

如果你也厌倦了繁琐的环境配置,或者你也对 Electron 桌面开发感兴趣,欢迎来体验一下 Launch Pad。更欢迎各位同仁提出宝贵的建议,让我们一起把这个工具打磨得更完美。

毕竟,我们创造工具,是为了不再被工具所累。

*(项目地址:[传送门],欢迎 Star、Fork,一起交流技术心得)*

相关推荐
Dontla24 分钟前
VSCode插件Git Graph介绍(Git可视化管理分支、可视化Git)
ide·git·vscode
2501_9160074727 分钟前
从零开始学习iOS开发:Xcode环境配置与项目创建完整指南
ide·vscode·学习·ios·个人开发·xcode·敏捷流程
π同学2 小时前
ESP-IDF+vscode开发ESP32第六讲——SPI
vscode·esp32·spi
SiYuanFeng2 小时前
打开vscode总是提示未找到python的解决办法(打开终端却能找到)
ide·vscode·python
包子源4 小时前
从零到一:一套免费在线简历编辑器的前后端设计与实现思路
编辑器
花间相见20 小时前
【终端效率工具01】—— Yazi:Rust 编写的现代化终端文件管理器,告别繁琐操作
前端·ide·git·rust·极限编程
Webgiserin1 天前
nvm+vscode配置安装暂记
ide·vscode·编辑器
charlie1145141911 天前
嵌入式C++工程实践——第13篇:第一次重构 —— enum class取代宏,类型安全的开始
开发语言·c++·vscode·stm32·安全·重构·现代c++
无限进步_1 天前
【C++】寻找字符串中第一个只出现一次的字符
开发语言·c++·ide·windows·git·github·visual studio
专职1 天前
cursor中与vim插件冲突时的配置
编辑器·vim·excel