electron-vue搭建应用程序

为什么使用electron-vue

• electron-vue是electron社区开源的一套使用vue.js和electron开发桌面应用的技术方案
• 项目的目录结构，是一个非常标准的vue.js项目，集成了vue-router，vuex生态库
  目录结构长这样:
  

使用方法

1.使用electron-vue脚手架

npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project
cd my-project
npm install
npm run dev

但是使用这个脚手架项目初始化是在是太慢了,尽管设置了淘宝镜像,还是有失败的风险,推荐使用第二种方法

2.先克隆electron-vue到本地,根据本地的electron-vue快速构建项目模板

• 1.将electron-vue项目先下载下来
• 2.国内码云地址: https://gitee.com/mirrors/electron-vue
• 3.或通过git直接克隆到本地: git clone https://gitee.com/mirrors/electron-vue.git
• 4.F:\electron_pro\electron-vue 是我下载下来后的项目路径(根据自己下载的位置自行调整)
• 5.之后根据如下代码，即可快速构建项目模板。vue init F:\electron_pro\electron-vue my-electron