需要购买的阿里云的同学 请点击支持 阿里云优惠券2000元
准备
1. 下载 node (node-v12.16.1-x64) yarn (yarn-1.22.4),如果原先已经安装则忽略,如果已经安装过低版本的node,请记得清理安装目录和缓存,不然你的npm可能还是运行在低版本。
可以参考: https://cloud.tencent.com/developer/ask/205837
2. 设置淘宝的镜像。
npm config set registry http://registry.npm.taobao.org/
yarn config set registry http://registry.npm.taobao.org/
3. 安装 @vue/cli 命令:
yarn global add @vue/cli
4. 安装 node-sass ,不执行也行,但是会出现很慢的情况。
npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass
5. 创建项目
vue create hello-world
6. 添加 electron ,使用的是vue-cli的 vue-cli-plugin-electron-builder 插件,此步骤比较慢,耐心等待,或者多尝试几次。
vue add vue-cli-plugin-electron-builder
7. 版本:vue-cli4,electron6, vue2
8. 如果打包不能打,出现electron-builder 打包时遇到 cannot move downloaded into final location (或者无法下载文件),请退出火绒安全或者杀毒软件(这个坑浪费两天时间,请务必记得关掉杀毒软件)。
9. 之前遇到过中文目录不能打包的问题,请务必记得不要在中文目录下打包,甚至中文的电脑名称都不行,可以新建个电脑英文账号重新打包(此坑相当稀奇,都是踩过的才知道)。
10. https://gitee.com/lele-666/V-IM (桌面聊天软件) 记得点赞,使用上面的方式重新调整,正式放弃 electron-vue。