vue-cli 开发 vue + electron 项目(1) 之 V-IM 开发环境搭建

原创
2020/04/08 15:14
阅读数 1.3W

需要购买的阿里云的同学 请点击支持 阿里云优惠券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。

展开阅读全文
加载中

作者的其它热门文章

打赏
0
1 收藏
分享
打赏
0 评论
1 收藏
0
分享
返回顶部
顶部