本文共 1472 字,大约阅读时间需要 4 分钟。
本文为原创文章,转载请标明
安装Cordova、Ionic
npm install -g cordova ionic
创建一个新项目,有blank、tabs、sidemenu3种样式可选,tutorial、super、conference为官方Demo,aws为AWS Mobile Hub Demo
ionic start myApp blankionic start myApp tabsionic start myApp sidemenuionic start myApp tutorialionic start myApp superionic start myApp conferenceionic start myApp aws
浏览器运行调试
cd myAppionic serve
./hooks
=> 包含App生命周期中自动执行的操作
./node_modules
& ./package.json
=> npm依赖项 ./platforms
=> 添加的平台 ./plugins
=> 安装的插件 ./resourses
=> App图标和启动画面 ./src/
=> 主要工作目录 ./src/index.html
=> App主要入口,用来设置脚本和CSS ./src/app/app.module.ts
=> App入口 ./src/pages
=> 放置生成的页面 ./src/assets
=> 放置多媒体文件 ./src/theme/variables.scss
=> 用于覆盖默认样式 ./www
=> 浏览器运行调试时自动生成 config.xml
=> 配置文件 ionic.config.json
=> 上传到 ionic.io
会被使用 .tsconfig.json
& tslint.json
=> TS相关 打印出Ionic运行环境信息
ionic info
更新Ionic到最新版本
npm install -g ionic@latest
生成新的page、provider等
ionic generate [] [ ][ ]: e.g. component, directive, page, pipe, provider, tabs
在浏览器中运行调试,可打开iOS、Android、Windows3个界面
ionic serve --lab
生成一个平台图标、启动画面
ionic cordova resources iosionic cordova resources --icon iosionic cordova resources --splash ios
列出所有平台
ionic cordova platform ls
添加、删除、更新一个平台
ionic cordova platform add iosionic cordova platform remove iosionic cordova platform update ios
编译一个平台并压缩
ionic cordova build ios --prod
添加、删除插件
ionic plugin add cordova-plugin-cameraionic plugin rm cordova-plugin-camera
如有不当之处,请予指正,谢谢~