Electron-vue项目搭建

1. 安装node.js

    建议安装V10版本的node.js，这个是比较稳定的版本。安装最新版本node.js，vue会安装不成功，只能卸了降版。

2. 检查node.js和npm是否安装成功

    node -v

    npm -v

    能正确显示版本号就是安装成功

3. 安装Electron

    cnpm install -g electron

    检查是否安装成功：electron -v 

    检查能否正常运行electron：electron，正常弹出electron界面就是ok的，如下图：

    

    测试项目是否可以正常运行：进入项目文件夹目录->输入命令npm start，正常显示就表示成功，如下图：

4. 可以安装打包工具，也可忽略进入下一步。

    打包工具可以把项目打包成想要的格式，比如exe。

    cnpm install -g electron-packager

5. electron-vue项目搭建

    修改electron下载源为国内，否则后面的安装不会成功

    npm install electron --electron_mirror=https://npm.taobao.org/mirrors/electrol/

    全局安装vue-cli（如果这一步不成功，先清一下缓存npm cache clean --force，可反复操作国内源+清缓存+install，我就操作了3次才成功）

    npm install -g vue-cli

 

    安装electron-vue模板，模板会放在my-project文件夹内

    vue init simulatedgreg/electron-vue my-project

    cd my-project

    安装依赖

    npm install

    进入开发模式

    npm run dev

    出现下面的界面，表示安装成功：

 

参考：https://segmentfault.com/a/1190000019487488