# FETools

**Repository Path**: noahliu0911/fetools

## Basic Information

- **Project Name**: FETools
- **Description**: 帮助您在Windows上，配合VSCode，便捷管理多个Vue项目，流畅的查看所有前端文档
- **Primary Language**: NodeJS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 15
- **Forks**: 0
- **Created**: 2020-10-21
- **Last Updated**: 2025-08-19

## Categories & Tags

**Categories**: vsc-plugins

**Tags**: None

## README

# FETools

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

前端PC工具

-  **Vue项目管理工具**  
  ![Vue项目管理工具](https://images.gitee.com/uploads/images/2021/0131/165324_5cf4ff2a_856881.png "屏幕截图.png")  
  支持批量添加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](https://gitee.com/lbpeter0911/fetools/releases) 中

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

## 使用说明

**待补充**

## 参与贡献

**不要运行`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 的两个内置终端 运行下列两种命令

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

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

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