Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。
electron-vue 基于election融合vue脚手架,以web方式开发桌面应用,可以理解为在软件中打包了一个浏览器以支持运行桌面应用
开发环境Windows
Electron 支持Windows 7 及以上版本---任何在低版本Windows上开发Electron的尝试都将是徒劳无功的。
安装Node
Node官网下载https://nodejs.org/en/download/(选择你开发环境下的版本)
全局安装vue-cli
npm install -g vue-cli (安装过,忽略)
用electron-vue模板 创建项目
vue init simulatedgreg/electron-vue my-project(项目名)
如果你安装的是Vue cli@3 ,你需要全局安装一个桥接工具:npm install -g @vue/cli-init 才能使用旧版本的 vue init 功能
再执行vue init simulatedgreg/electron-vue my-project(项目名)就可以了
一路回车,是否安装预处理器sass,需要输入y,否则n,回车
空格键选中或取消,上下箭头键切换
(*) axios
(*) vue-electron
(*) vue-router
(*) vuex
选择这几个就行,回车
回车此时桌面就会新建一个my-project的文件
cd到该文件夹下npm install下载依赖 (这个过程可能有点长)
等下载完成 执行npm run dev