zoukankan      html  css  js  c++  java
  • ionic学习笔记—常用命令

    Ionic CLI介绍

    Ionic CLI是开发Ionic应用程序过程中使用的主要工具。它就像一个瑞士军刀:它在一个界面下汇集了大量工具。 CLI包含许多对Ionic开发至关重要的命令,例如startbuildserverun。 它还包含emulateinfo等命令,这些命令在某些情况下可以提供一些帮助。

    详细请参考官方文档:https://ionicframework.com/docs/cli/

    常用命令

    创建Ionic3项目

    使用命令行进入工作目录,执行以下命令:

    ionic start myApp tabs

    tabs是Ionic的Tabs模板,常用的还有blank(空白模板)、sidemenu(带有侧滑菜单的模板)、super、tutorial,更多模板可以到GitHub中查找。

    运行项目

    cd myApp
    ionic serve

    如果运行失败的可能原因及处理方法:1.根据错误提示,检查npm、ionic、cordova、cli等版本,更新为最新版本;2.删除项目下的“node_modules”目录,执行“npm install”重新下载依赖包;

    创建页面

    (将在/myApp/src/pages/目录下创建名为login的目录,包含login.html、login.scss、login.ts、login.module.ts,页面名称为LoginPage)

    ionic generate page login

    如需指定创建目录,使用参数--pagesDir :

    ionic g page user-photo --pagesDir src/pages/my-center/my-info

    创建页面

    (不生成login.module.ts)

    ionic generate page login --no-module

    创建服务

    (将在/myApp/src/providers/目录下创建名为article-service的目录和.ts,服务名称为ArticleServiceProvider)

    ionic generate provider article-service

    创建组件

    ionic generate component popup

    创建指令

    ionic generate directive go-home

    添加/删除Android平台

    ionic cordova platform add android
    ionic cordova platform remove android

    更新引导页和图标

    将引导页和图标图片复制到/myApp/resources/目录下,分别为icon.png、splash.png(目前只支持png,请按照要求尺寸进行设计)

    ionic cordova resources

    该命令将生成Android和IOS平台下各种屏幕尺寸的图片,并自动复制到添加的平台资源中。如果没有添加到平台资源中,可以手动复制/myApp/yqj/platforms/android/res/目录下。如果该命令生成的图片不符合要求,可以使用PS创建规定尺寸的图片。

    在Android上运行测试

    ionic cordova run android

    在Android上运行测试

    livereload模式(更改代码将会同步至手机)(该模式部分功能受限)

    ionic cordova run android -l

    为App添加WebView

    ionic cordova plugin add cordova-plugin-crosswalk-webview --save

    注:在生成apk时,将生成两个apk文件armv7和x86,分别针对不同cpu平台。如果你使用到软件更新,或使用到VersionCode,那么你需要注意了:最终产生的VersionCode可能和你估计的不一样,armv7和x86两个apk将被分配不同的VersionCode,例如:你设置的VersionCode为1,armv7版本将变为12(末尾加上2),x86版本将变为14(末尾加上4),类似的如果设置1000将变成10002或10004,具体数值请进行实际测试。

    生成apk文件

    ionic cordova build android --prod --release

    创建签名

    进入/myapp/platforms/android/build/outputs/apk/目录

    执行命令,输入签名信息,将生成myapp.keystore

    keytool -genkey -v -keystore myapp.keystore -alias myapp.keystore -keyalg RSA -keysize 2048 -validity 10000

    执行签名

    jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore myapp.keystore android-armv7-release-unsigned.apk myapp.keystore

    优化安装包

    C:Program FilesAndroidsdkuild-tools23.0.3zipalign.exe -v 4 android-armv7-release-unsigned.apk myapp-armv7-release.apk

     

    参考:

    Ionic3常用命令

    Ionic CLI使用教程指南

  • 相关阅读:
    js判断选择时间不能小于当前时间的代码
    shell脚本编程之for语句、if语句使用介绍
    linux命令 chattr超级权限控件
    教你配置linux服务器登陆欢迎信息
    PHP基础入门教程 PHP循环函数
    php获取客户端ip地址
    PHP获取域名、IP地址的方法
    两日期间的间隔
    mysql 案例 ~ pt-archiver 归档工具的使用
    mysql 案例 ~ pt修复工具的使用
  • 原文地址:https://www.cnblogs.com/Jason-Xiang/p/9577592.html
Copyright © 2011-2022 走看看