开始
脚手架
该框架是可以定制你最终的APP的 vue-cli
脚手架, 需要使用 node@^7
或者更高版本. electron-vue
官方推荐使用 yarn
包管理器(yarn
可以更好的管理模块依赖, 通过 yarn clean
可以减少最终生成的app大小).
# Install vue-cli and scaffold boilerplate
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project
# Install dependencies and run your app
cd my-project
yarn # or npm install
yarn run dev # or npm run dev
关于 electron
尽管不是必须, 但是在创建完项目后, 建议锁定你的 electron 版本
. 这可以避免不同开发者在同一个项目中使用不同版本的 electron
. 而且 Electron
经常还会发布一些版本变更, 详情参考
Windows用户说明
如果在 npm install
中出现了 node-gyp
报错, 则很有可能是由于你的系统安装了错误的编译工具. 这些编译工具包括 Python
和 Vusual Studio
. 感谢 @felixrieseberg 提供的简化这些操作的包.
首先检查 npm 版本
, 确保安装了最新版本, 可以通过 npm-windows-upgrade
来检查. 如果你使用的是 yarn
, 可以跳过该检查.
确定最新版本后, 我们接下来使用 windows-build-tools` 来实现设置编译工具. 全局安装完成后, 会接下来安装 Vusual C++ packages, Python
和一些相关依赖.
到这里, 所有相关依赖应该已经安装成功, 但是如果还有问题, 则你需要全新安装 Vusual Studio
环境. 这里已经不是 electron-vue
本身的问题了 (Windows 总是有一些莫名其妙的问题¯_(ツ)_/¯).