美文网首页
ionic3常用命令

ionic3常用命令

作者: YIYI777 | 来源:发表于2018-05-09 15:08 被阅读0次

安装淘宝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

相关文章

网友评论

      本文标题:ionic3常用命令

      本文链接:https://www.haomeiwen.com/subject/wkanrftx.html