基于 vue、cordova搭建的跨平台移动端基础工程
- 前端框架 Vue
- 跨平台框架 Cordova
- 插件 Ionic Native
- h5端工程
- 生成android工程，支持生成apk文件
- 生成ios工程，可以通过xcode进行模拟
- 安装 nodejs, 网上找教程安装
- 安装 cordova
sudo npm install -g cordova
- 下载项目
git clone https://github.com/zaoyu63/cordova-vue-demo.git
cd cordova-vue-demo
npm install
- web端本地开发 浏览器输入http://localhost:8006/#/ 进行访问
npm run dev
- 生成android项目
npm run android
// 生成的项目在platform下
- 生成ios项目
npm run ios
参照 Cordova、Ionic Native 文档
以mac系统为例
1.安装 android-sdk 可以选择安装Android Studio，或者仅安装 命令行工具 SDK tools package，本文采用命令行工具安装
cd
mkdir android-sdk
把下载的命令行工具压缩包解压到android-sdk、 android-sdk目录下有一个tools目录
cd android-sdk/android-sdk/bin
安装 platform-tools 和 build-tools
./sdkmanager "platform-tools" "platforms;android-28"
./sdkmanager "build-tools;28.0.0"
2.安装Gradle
brew install gradle
3.配置环境变量
cd
vi .bashrc
// 在.bashrc增加下面几行配置
export PATH="/Users/tw/android-sdk/platform-tools:/Users/tw/android-sdk/tools"
export JVAV_HOME=/usr/bin/java
export ANDROID_HOME=/Users/tw/andriod-sdk
source .bashrc
3.测试配置环境是否正常
cordova requirements
Requirements check results for android:
Java JDK: installed 1.8.0
Android SDK: installed true
Android target: installed android-28
Gradle: installed /usr/local/Cellar/gradle/6.3/bin/gradle
Requirements check results for ios:
Apple macOS: installed darwin
Xcode: installed 11.1
ios-deploy: not installed
ios-deploy was not found. Please download, build and install version 1.9.2 or greater from https://github.com/ios-control/ios-deploy into your path, or do 'npm install -g ios-deploy'
CocoaPods: installed 1.9.1
Some of requirements check failed
andriod 和 ios 环境都是正常的，如果出现错误，检查环境变量是否正常
npm run ba