thundernet8 / electron-vue-webpack-boilerplate

使用Electron、Vue.js、Webpack打包和热加载开发的启动模板工程，用于快速搭建初始开发环境

Electron-Vue-Webpack-Boilerplate

使用Electron、Vue.js2.0、Webpack打包和热加载开发的样板工程，用于快速搭建初始开发环境

目录结构

 + app                    // 最终打包成Electron资源的文件夹
   + assets               // 字体、图片等资源文件
   + dist                 // Webpack生产环境配置下打包src文件夹输出目录
   - package.json         // 生产环境依赖 dependencies
 + build                  // Webpack配置文件以及其他配置文件存放目录
 + dist                   // Webpack开发环境配置下打包src文件夹输出目录
 + release                // Electron 打包程序输出文件夹，如.dmg、.exe等
 + src                    // 开发源码文件夹
   + main                 // 用于Electron主进程逻辑代码
     + configs
     + services
     - index.js
   + renderer             // 用于Electron渲染进程逻辑代码
     + components
     + models
     + services
     + views
     + vuex
     - index.html
     - index.js
     - routers.js
 + test                   // 测试文件夹
 - package.json           // 开发环境依赖 devDependencies

命令

npm run dev-server        // hot-load server

npm run build-dev         // 开发环境配置下build, 资源文件打包至dist

npm run build             // 用于生产环境的build, 资源文件打包至app/dist

npm run pack              // 仅生成包目录, 不打包, 测试用途

npm run dist              // 打包成安装程序

npm run start             // 启动Electron(开发环境, 请先运行build-dev)

截图

Vue DevTool

请打开src/main/index.js文件, 取消第15行注释并修改路径为你的vue devtool chrome扩展路径