electron+vue 初步搭建

electron？

Electron 是一个基于Chromium和 Node.js，可以使用 HTML、CSS和JavaScript构建跨平台应用的技术框架，兼容 Mac、Windows 和 Linux。

安装electron

首先使用yarn 安装 electron 全局，此后再安装就会很快。

yarn global add electron

vue-cli 脚手架

yarn global add vue-cli
vue init simulatedgreg/electron-vue my-project

• 选择vue 全家桶，初学者可以很方便的搭建vue electron
  
• 选择electron-builder
  （1）Eelectron 目前有两种打包工具 electron-builder 和 electron-packager，electron-builder就是有比electron-packager有更丰富的的功能,支持更多的平台,
  （2）electron-builder打出的包更为轻量,并且可以打包出不暴露源码的setup安装程序
  
• 使用yarn
  （1）使用yarn会出现错误
  
  （2） npm install --global --production windows-build-tools
• 使用cnpm,就不会出现问题
  
• 运行

npm run dev

（1）可能会出现以下错误
（2）解决–》找到src/index.ejs，把<% if (!process.browser) { %> 改为<% if (!require(‘process’).browser) { %>
## 成功

构建build

• 在 electron-vue在build时报错Unresolved node modules: vue
  （1）有一种原因是，使用了cnpm安装的依赖造成。
  （2）先删除项目下的node_modules，再使用npm或yarn安装。
• 使用yarn 和 npm 会出现使用 yarn 安装时报sass相关的错误，如node_modules\node sass:Command failed
• 
  （1）删除项目下的node_module
  （2）使用淘宝镜像，再重新安装node-sass

npm install -g mirror-config-china --registry=http://registry.npm.taobao.org
npm install node-sass
yarn install