Vue开发跨端应用（一）环境搭建

前言：

基于vue开发一款跨三端的简单环境，使用electron开发桌面程序，使用cordova开发移动应用

github:

https://github.com/317482454/electron-cordova-demo

环境安装：

electron-vue：基于vue的electron版本（用于开发桌面应用程序）

cordova：打包app，给web应用套壳

开始安装环境：

 

# 安装 vue-cli 和 脚手架样板代码
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project

# 安装依赖并运行你的程序
cd my-project
yarn # 或者 npm install
yarn run dev # 或者 npm run dev

注意：windows用户如果出现node-gyp错误，请尝试使用下面办法解决：

 

以管理员身份运行：Windows PowerShell 执行命令

npm install --global --production windows-build-tools

 

安装Cordova

 

npm install -g cordova

mac：在商城搜索安装xcode

windows：安装Android Studio 参考RN安装http://reactnative.cn/docs/0.51/getting-started.html