Electron-vue+Vue制做桌面端(一)

目前Electron-vue已长久没有更新维护,包括搭建项目过程坑比较多,不建议引入项目!!!
环境基于nodejs环境
nodejs环境建议安装在非系统盘,文件名统一英文命名,默认安装有时候最初用户名是中文,会致使打包出错,前面的功夫白费。
能够使用yarn操做命令,安卓打包更快捷,npm install -g yarn
安装 Electron
全局安装yarn global add electron
一、安装脚手架
npm install -g vue-cli
二、建立项目
vue init simulatedgreg/electron-vue XXX(文件名)
三、进入子路径
cd XXX
四、安装依赖
npm install(yarn install)
错误解决:An unexpected error occurred: "http://registry.cnpmjs.org/vue: Hostname/IP does not match certificate's altnames: Host: registry.cnpmjs.org. is not in the cert's altnames: DNS:r.cnpmjs.org".
网络很差致使的下载依赖包请求超时报错
步骤1.请求地址设置成淘宝源
npm config set registry https://registry.npm.taobao.org  
npm config set disturl https://npm.taobao.org/dist
步骤2.对node-sass镜像源进行设置
yarn config set sass-binary-site http://npm.taobao.org/mirrors/node-sass
可能还有一些其余错误,基本上百度都能解决
五、打包(这一步最容易出问题,网上说的好多不怎么规整)
yarn run build
这里须要有一些配置
找到C:\Users\27951\AppData\Local\electron\Cache,里面包含如下几个文件

nsis里包含

没有文件的能够去下载下来放到对应位置
这样打包的时候就不会去请求网络资源,也不容易出各类错误。vue

相关文章
相关标签/搜索