Ionic 安装部署

最新推荐文章于 2020-06-16 01:04:10 发布

@旭日

最新推荐文章于 2020-06-16 01:04:10 发布

阅读量671

点赞数

分类专栏： ionic

本文链接：https://blog.csdn.net/CuiShunJian/article/details/74581372

版权

12 篇文章 0 订阅

订阅专栏

下载安装Node.js, JDK，Apache Ant，Android SDK；编辑器用WebStorm

node jdk ant 均需要加进环境变量path中

Android SDK，目前无法通过google直接下载，可以通过设置Http Proxy Server来获取；打包apk只需要sdk，模拟运行则需要system images

mirrors.neusoft.edu.cn 80
//勾选 other - Force https//... sources to be fetched using http://...

Android SDK 环境变量配置

ANDROID_HOME    D:\android\sdk                              
path     %ANDROID_HOME%\platform-tools;  
path     %ANDROID_HOME%\tools;

安装命令

npm install -g cordova ionic

更新命令

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

npm 淘宝镜像(GFW，导致很多插件下载失败)

npm install -g cnpm --registry=https://registry.npm.taobao.org
// 安装完成后，以后所有的插件都使用cnpm这个命令来进行安装
cnpm install -g ionic cordova

创建ionic 项目，可选模板：sidemenu（侧滑菜单），tabs（底部tab），blank 空白

ionic start myapp blank
ionic start myapp tabs
ionic start myapp sidemenu

如果是github上下载的项目，里面的插件、依赖项一般通过下面命令下载：

bower install
npm install

如果是老ionic 项目，如果需要更新项目里面的ionic文件（如js类库）

ionic lib update

浏览器端运行

ionic serve
ionic serve --lab

真机模拟、打包、运行

ionic platform add android  //[ios]
ionic build android
ionic run android
ionic emulate android

将项目文件copy到MAC底下。运行终端，cd到项目所在文件夹，运行

ionic platform add ios

然后finder，在 platforms->ios->xxx.xcodeproj 打开项目

然后，将xcode的模拟器类型选成iOS Device

然后在XCODE 的菜单栏选择 Product -- Archive ，会生成 xxx的Archive文件。

在窗口右侧的Submit to AppStore 按钮的下方，点击 Export...

有三个选项

Save to IOS App Store Deployment
Save to Ad Hoc Deployment
Save for Enterprise Deployment

第一个是发布到APPStore
第二个临时打包，可以用来测试
第三个是发布成企业版本

选择证书等等，选择导出文件夹，导出

关注