安装 Electron + Vue3 环境

使用 Vue 来开发 Electron 项目,有一个比较火的脚手架是electron-vue,不过很久没有更新了,而且是 vue-cli2.x 版本的。我们使用 Vue3.x 开发 Electron 项目,只能手动配置开发环境。本文介绍使用 Vue CLI 脚手架和 vue-cli-plugin-electron-builder 插件来搭建项目。
  • 安装最新版Vue CLI脚手架
  • npm install -g @vue/cli
    
  • 创建Vue3项目
    vue create vue3-electron
    
  • Vue3项目集成Electron
    • 安装vue-cli-plugin-electron-builder插件
      cd vue3-electron
      vue add electron-builder
      
    • 安装过程中,会提示选择electron版本,大家选择最新的版本即可。
  • 开发调试
    npm run electron:serve
    // 或者
    yarn electron:serve
    

安装过程中遇到问题建议升级 node.js,具体参照: Mac下升级 Node.js、npm 到最新版