难搞的electron之安装

　　做了几个electron项目，感觉最难搞的地方竟然是安装！这怎么能忍！经过几天试错，把自己能够顺利安装的流程记录下来，仅供参考。

　　使用框架为quasar+vue+quasar_electron

　　quasar的安装参考官网（https://quasar.dev/）

1.新建项目

　a.无文件夹创建

　　在目标路径下执行命令

　　$quasar create xxx        //xxx为文件名，小写

　b.有文件夹创建

　　跳转至已有文件夹路径下（如：C:\Demo ）执行命令，然后按照下图所示创建项目。

　　$quasar create

 

 注：若第一步执行报错或时间很长且不通过，可以选择执行下面的命令更换数据源（截至文章发布顺手新建一个项目，更换数据源以后又快又有效）

$npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

 

2.添加electron

$quasar mode add electron

 

至此，electron项目就创建完毕，目录如下：

 

 为了能够调试与打包需要在package.json文件中添加如图所示变量。

 

编译调试命令

 $quasar dev -m electron      //等同于$npm run dev

打包命令

 $quasar build -m electron     //等同于$npm run build

---

over!