https://github.com/frogo/electron-vue-template
基于Electron + vue2 + webpack 的脚手架
https://github.com/frogo/electron-vue-template
Last synced: about 1 year ago
JSON representation
基于Electron + vue2 + webpack 的脚手架
- Host: GitHub
- URL: https://github.com/frogo/electron-vue-template
- Owner: frogo
- Created: 2022-02-17T03:13:04.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-04-22T04:35:07.000Z (about 4 years ago)
- Last Synced: 2025-02-06T21:31:08.648Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 427 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
集成webpack4 + vue2
打包使用electron-builder
## Usage
```bash
# install resource manager(Option)
$ npm i -g nrm
$ nrm use taobao
# web install and run
$ npm i
$ npm run serve
$ npm run build
# electron install and run
$ npm i
$ npm run electron-dev electron开发
$ npm run electron-package 打包成exe
```
## Structure
```tree
├── electron electron 相关配置文件
│ ├── config
│ │ ├── electron-build.js electron编译打包配置文件
│ │ ├── electron-dev.js electron开发配置文件
│ ├── dev
│ │ ├── main.js electron入口文件
│ │ ├── preload.js electron预加载文件
├── public
│ ├── config.js 挂在window上的config文件,在index.html引用
│ ├── config.json 通过http请求的config json文件
│ ├── favicon.ico 浏览器TAB显示的icon
│ └── index.html index.html 模板
├── src
│ ├── assets
│ │ ├── image 公共图片
│ │ ├── style
│ │ │ ├── common.scss 公共样式
│ └── components
│ │ ├── SvgIcon SvgIcon全局组件
│ │ │ ├── index.vue
│ └── icons
│ │ ├── svg icon的svg 文件存放位置
│ │ ├── index.js
│ └── request
│ │ ├── api.js 接口函数定义
│ │ ├── config.js api地址管理
│ │ ├── http.js axios 拦截器和get post 封装
│ └── router 路由信息
│ └── store vuex
│ └── utils 公共函数方法
│ └── views 页面级vue文件
│ └── App.vue 入口vue
│ └── main.js 入口函数
├── .browserslistrc 浏览器兼容规则文件
├── .editorconfig 编辑器配置文件，统一开发编码风格
├── .eslintrc.js ESLINT的规则
├── .gitignore gitlab忽略文件
├── .huskyrc.js commit 提交前和提交格式检查
├── .stylelintrc.js CSS检查规则
├── babel.config.js babel编译配置
├── commitlint.config.js git commit message 提交规范
├── lint-staged.config.js git 暂存区文件校验
├── mock.js 前端开发环境下的mock数据和方案
├── postcss.config.js postcss 一种对css编译的工具，类似babel对js的处理
├── stylelint.config.js 各种样式的检查和校验
├── package-lock.json 锁定node-modules依赖包版本和源的文件，可删除，可ignore
├── package.json 该项目的描述文件
├── readme.md
```