安装淘宝npm镜像:
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
安装ionic3 及 cordova:
sudo npm uninstall -g cordova ionic
sudo cnpm install -g cordova ionic
先把平台加入进来:
ionicplatformaddios/ionicplatformaddandroid
创建一个新tab版本应用:
ionic start ionicApp tabs
浏览器打开当前项目地址:
Ionic serve —open
Ionic3打包命令:
ionic cordova build ios || ionic cordova build android (安卓默认输出为debug版本)
ionic cordova build android --release —prod(签名版必须需设置)
如果build安卓失败提示找不到gradle,则添加安卓环境变量:
1、执行命令:
sudo vim~/.bash_profile
2、修改ANDROID_HOME以及PATH如下:(PATH路径最后添加“:你的gradle存放的目录/bin/”)
export ANDROID_HOME=/Users/yi/downloads/app/android-sdk-macosx
export PATH=${PATH}:/Users/yi/downloads/app/android-sdk-macosx/platform-tools:/Users/yi/downloads/app/android-sdk-macosx/tools:/Users/yi/Downloads/work/ionic/gradle-4.7/bin/
输入wq后,保存后退出
3、执行立即生效命令:
source ~/.bash_profile
查看当前环境变量路径:
echo $PATH
查看gradle版本:
gradle -v(如果有信息输出Welcome to Gradle 4.7!说明添加成功)
(注意:卸载ionic和cordova后会删除设置的这个环境变量,我也不知道为啥,需要重新输入命令如下:
PATH=/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Users/yi/downloads/app/android-sdk-macosx/platform-tools:/Users/yi/downloads/app/android-sdk-macosx/tools:/Users/yi/Downloads/work/ionic/gradle-4.7/bin
打开模拟器:
ionic cordova emulate ios
更新命令:
npm update -g cordova ionic
安装特定版本
npm install -g ionic cordova@5.0.0
npm install -g ionic@1.6.5
删除命令:
npm uninstall cordova -g
npm uninstall ionic -g
安装模拟器:
Sudo npm install -g ios-sim
对当前目录开启读写权限:
Sudo chmod -R 777 ionicApp
cd 项目目录:
创建自定义组件分类:
Ionic g component ComponentName
创建自定义页面分类:
Ionic g page news
创建服务分类:
Ionic g provider httpServices