vue引入electron创建桌面端应用

348 阅读1分钟

一:配置全局cnpm镜像 

 npm install -g cnpm --registry=registry.npm.taobao.org

 二:下载基础库

 cnpm install -g vue-cli;

安装好vue-cli 脚架;

然后创建一个基于当前脚手架版本的Vue项目:

 vue create 项目名 

按自己需求选择对应配置后,切换到项目目录下 

这个时候,就需要打开翻墙工具了(因为这个网站在外国,必须科学上网)

 执行 vue add electron-builder 

 然后会出现如下的版本选择,直接选择最新版本就好 

 安装成功后,我们使用编辑器打开的项目 上面就是整个项目结构了

然后我们运行启动命令 yarn run electron:serve 就可以成功启动项目