FETools

Vite Vue3.0 来袭，项目停止更新维护
Vite Vue3.0 来袭，项目停止更新维护
Vite Vue3.0 来袭，项目停止更新维护

前端PC工具

• Vue项目管理工具
  
  支持批量添加Vue项目文件夹到工具中，切换项目之后可以，点击对应的脚本按钮，执行对应的npm 脚本命令

功能说明

• 0.1.0

  • 【功能】Vue项目管理
    • 项目批量添加
    • 项目批量删除
    • 项目切换
  • 【功能】Vue项目新窗口脚本启动

• 0.1.1

  • 【功能】设置
    • 开机启动启动设置管理
  • 【bugfix】新窗口脚本启动，兼容所有npm script（前一版本只能够兼容 内容为npm 脚本的）

• 0.1.2

  • 【功能】三方工具
    • 资源管理器打开工程目录
    • VSCode打开工程目录

• 0.2.0

  • 【功能】前端导航
    • 导航侧边目录编辑展示
  • 【美化】未开发模块添加间距样式，美化展示方式

• 0.3.0

  • 【功能】三方工具
    • 将独立运行的命令行集中到了工具里面来
    • 调整了排版样式，充分利用现有空间
    • 默认添加了 npm install 命令
  • 【功能】前端导航
    • 完善编辑功能（加上了表单验证）
    • 完善查看功能，不调用默认浏览器，而用本省的浏览器引擎来浏览
    • 添加了编辑查看开关，在【设置】中。打开后方可编辑，未打开的状态下只能查看
  • 【美化】
    • 将退出登录、登录等功能提到标题栏。与当前状态可保持一直
    • 将 TAB 选项卡的引用切换形式 浓缩成 一个按钮，点击展开下拉菜单切换各引用

• 0.3.1

  • 【功能】应用切换快捷键 ALT + right、ALT + left
  • 【美化】导航页内边距调整
  • 【美化】应用边框调整

安装教程

安装包在 release 中

绿色版下载解压后执行
安装版下载后双击安装

使用说明

待补充

参与贡献

不要运行npm install
不要运行npm install
不要运行npm install
不要运行npm install
不要运行npm install
不要运行npm install

由于安装electron需要从github拉去一百多兆的内容，如果没有VPN的情况下请不要运行 npm install

目录说明
css 目录中
dist 打包后的文件目录
icon 图标文件
js 编译后的代码目录
lib 依赖库目录为了严格控制代码大小并没有直接使用npm 代码
vue 源代码目录 主要在这个目录开发
index.html 渲染进程入口文件
main.js 主进程入口文件
…… 其余文件请自行研究、或待我补充

开发步骤

启动开发服务 通过两个命令行窗口，或者vscode 的两个内置终端 运行下列两种命令

# 启动编译服务将源代码编译成ESModule
npm run cli

# 启动electon 开发模式
npm start 
# or
npm run dev
# 启动生产模式
# 生产模式不会打开 开发者工具，不会加载 `vue-devTools`
npm run pro

如果要加载vue-devtools，请保证在chrome浏览器中安装了 vue-devtools, 由于众所周知的原因，并不提供从远端安装的方式，不可抗力问题请自行解决