构建跨平台的桌面应用程序electron+vue
创建项目
- 安装 vue-cli 和 脚手架样板代码
npm install -g @vue/cli
# OR
yarn global add @vue/cli
- 创建项目
vue create demo
- 安装electron
vue add electron-builder
接下来出现配置选项:
? Choose Electron Version (Use arrow keys)
^9.0.0
^10.0.0
> ^11.0.0
※注:由于网络原因,如果中间出现过中断失败,再次重新安装可能会很快完成,但实际上electron可能并未安装完全。建议完成以上步骤后,直接删除项目根目录的node_modules/,并且执行cnpm install,从国内镜像重新安装所有依赖包。
4. 运行项目
npm run electron:serve