这是一个为了练手做的小工具。看见aardio
官方有一个修改版的hostsSwitchHelper
,于是学习了一下实现。
自己重头设计实现了界面和逻辑,逻辑都在前端,只有涉及保存文件之类放到aardio
里。
前端使用LuLu UI
+LESS
+TypeScript
实现。
功能与SwitchHosts!
类似,就是方便修改系统 Hosts 信息的小工具。与之不同的是,每个项都是一份独立的 Host 信息,可以自己手动输入,也可以设置url
参数,方便网络Hosts
更新(默认会走系统代理设置)。侧边Switch开关
开启时会自动将所有开启的数据合并,然后存入系统的Hosts
文件中。
dist
:存放一份编译后的exe
应用程序
lib
:aardio
的用户库文件存放目录
web
:前端编译后的文件,aardio
打包使用的文件
web_source
:前端项目源码。使用parcel
工具
- 在
web_source
目录中执行npm i
安装依赖 - 安装完成后,执行
npm run dev
启动项目,然后在aardio
中同时启动,此时aardio
的页面会访问本地的前端项目,可以实时修改查看(不知道是aardio
不兼容parcel
还是本来就是如此,在浏览器直接访问aardio
的依赖会报错导致无法正常显示程序)。要确保6060
端口未被占用,否则需要修改响应代码 - 修改完成后使用
npm run build
编译,程序会自动生成到父级的web
目录下