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