Skip to content
This repository has been archived by the owner on Nov 18, 2023. It is now read-only.

viarotel-org/vue-cli-electron

Repository files navigation

vue-cli-electron

基于Vue CLI搭建的Electron脚手架, 封装了最佳实践的多窗口处理以及主进程和渲染进程之间通信等 ui库使用 element-plus(已配置按需导入), css 框架使用 tailwindcss(下一代css框架) 请求使用 axios 进行数据请求

Contributors Forks Stargazers Issues MIT License


viarotel

vue-cli-electron

基于Vue CLI搭建的Electron脚手架
探索本项目的文档 »

查看Demo · 报告Bug · 提出新特性

目录

上手指南

获取本项目
  1. clone 本项目 或 直接下载main包
git clone https://github.com/viarotel/vue-cli-electron.git
运行本项目
  1. 安装依赖
  2. 运行项目
npm install //or yarn
npm run electron:serve //or yarn serve
打包构建
  1. 使用命令打包项目
npm electron:build //or yarn electron:serve

文件目录说明

filetree
├── /dist //打包生成的浏览器端静态资源文件,用于生产部署。
├── /dist_electron //打包生成的桌面端静态资源文件,用于生产部署。
├── /node_modules //存放npm命令下载的开发环境和生产环境的依赖包。
├── /public/ //存放在该文件夹的东西不会被打包影响,而是会原封不动的输出到dist文件夹中
│  ├── /logos //浏览器端,桌面端中显示的图标
│  ├── /index.html // 入口模板文件
├── /src/
│  ├── /background/ //electron主进程目录
│  ├── /assets/ //存放项目中需要用到的资源文件,css、js、images等。
│  ├── /components/ //存放vue开发中一些公共组件
│  ├── /config/ //全局配置文件
│  ├── /directive/ //公共vue指令
│  ├── /icons/ //存放svg图标
│  ├── /mixins/ //公共vue混入
│  ├── /plugins/ //项目用到的插件集合
│  ├── /request/ //接口配置
│  ├── /router/ //路由表
│  ├── /store/ //vuex状态管理
│  ├── /styles/ //公共样式文件
│  ├── /utils/ //存放开发过程中一些公共的js方法。
│  ├── /store/ //vuex状态管理
│  ├── /windows/ //多窗口目录
│  ├── /views/ //vue路由组件页面目录
│  ├── /App.vue //vue组件入口文件
│  ├── /main.js //渲染进程入口文件
├── .gitignore //git忽略文件配置
├── babel.config.js //对js文件进行编译转换增强的配置文件
├── jsconfig.json /JavaScript语言服务的配置文件 代码提示 文件索引提示等
├── LICENSE //开源许可说明
├── package.json  //包管理配置文件
├── postcss.config.js //对css文件进行编译转换增强的配置文件
├── README.md
├── tailwind.config.js //tailwindcss的配置文件
├── vue.config.js //vuecli配置文件
└── yarn.lock //yarn锁定依赖版本 防止环境不一致导致项目无法运行的问题

使用到的框架

关键字

  • electron
  • vue3.x
  • element-plus
  • tailwindcss
  • axios

更新日志

更新日志请查看 CHANGELOG.md

作者

viarotel@qq.com

qq:523469508 wx: luyao-ing

您也可以在贡献者名单中参看所有参与该项目的开发者。

版权说明

该项目签署了MIT 授权许可,详情请参阅 LICENSE

鸣谢