初级前端的我,编写了一个自己的uTools

72 阅读1分钟

羊驼的工具箱

项目地址

推荐使用该版本 并且使用yarn进行安装

node版本:v22.16.0

技术栈:electron + vue3 + vite + pinia + vuetify3 + sequelize + sqlite

Q:为什么vue3要用 vue2的写法

A:其实是因为刚开始用vue3的写法感觉超级恶心 对属性的赋值和方法的管理可观性很差 用 options api 好管理 用composition api+hook的形式再去封装属性反而维护起来更难

Q:为什么不用ts?

A:sorry 一个人写的东西 用ts反而是束缚

注意拉下来的代码 插件部分未安装依赖 请手动安装 插件目录下执行 yarn 或者 npm install

功能

支持自定义开发 内嵌页面 带开发控制台 自定义窗口 无需安装electron依赖 自带数据库支持

在这里插入图片描述

在这里插入图片描述

支持热键唤醒 搜索栏 快速搜索插件 多语种设置

在这里插入图片描述 在这里插入图片描述

插件开发

示例插件:

  1. Node版本管理插件 直接在index.html + index.js开发 node_modules 安装依赖

    在这里插入图片描述 在这里插入图片描述

  2. 前端常用工具 豆包编程开发 index.html修改即用 无需任何node_modules 内嵌view页面

在这里插入图片描述 3. 文件管理器 内嵌view+创建window 使用数据库 进行文件管理 使用vite开发页面 在这里插入图片描述 在这里插入图片描述

  1. 脚本管理器 内嵌view+创建window 使用数据库 进行脚本管理 使用vite开发页面 在这里插入图片描述 在这里插入图片描述