【electron-vue】创建electron-vue工程 & electron-builder 打包失败

全局安装

npm install vue-cli -g

或

cnpm install -g @vue/cli

创建工程

由于下载模板太慢了，先下载个模板

cnpm install simulatedgreg/electron-vue --save-dev

创建项目，my-project 是工程所在的文件夹名

vue init simulatedgreg/electron-vue my-project

命令执行报错 ‘'vue' 不是内部或外部命令，也不是可运行的程序’，先全局卸载vue-cli，再全局安装

参考 [vue] 解决'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件的方法

 

在E：E:\electronTest 输入 vue init simulatedgreg/electron-vue evtest，会自动创建evtest文件夹，等待模板下载

运行

npm run dev

效果如下

 

打包

npm run build

很低的概率所需文件一次下载成功。（图片是趁着没人抢网的时候，一次成功了，震惊到我了）

下载失败的话，自行跳转到指定的网址里下载，然后放到对应的文件夹里。

%LOCALAPPDATA%路径的最终效果：

我的window电脑参考目录%LOCALAPPDATA%：C:\Users\Administrator\AppData\Local

--electron

    --Cache

        electron-v1.8.2-win32-x64.zip

        SHASUMS256.txt-1.8.2

--electron-builder

    --cache

        --app-builder

            --app-builder-v0.6.1-x64

                解压app-builder-v0.6.1-x64.7z所得文件

        --nsis

            --nsis-3.0.1.13

                解压nsis-3.0.1.13.7z所得文件

            --nsis-resources-3.3.0

                解压nsis-resources-3.3.0.7z所得文件

        --winCodeSign

            --winCodeSign-1.9.0

                解压winCodeSign-1.9.0.7z所得文件

 

github项目可供参考

https://github.com/LJLCarrien/evtest.git

 

调试参考：

是否可以将Visual Studio Code配置为启动电子