Ionic3学习笔记(一)安装、项目结构与常用命令
来源:互联网 发布:苹果淘宝直播怎么加入 编辑:程序博客网 时间:2024/05/21 06:58
本文为原创文章,转载请标明出处
目录
- 安装
- 项目结构
- 常用命令
1. 安装
安装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
2. 项目结构
./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相关
3. 常用命令
打印出Ionic运行环境信息
ionic info
更新Ionic到最新版本
npm install -g ionic@latest
生成新的page、provider等
ionic generate [<type>] [<name>][<type>]: 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
如有不当之处,请予指正,谢谢~
- Ionic3学习笔记(一)安装、项目结构与常用命令
- Ionic3学习笔记(一)
- ionic3(一)安装和配置
- Ionic3学习笔记(二)主题化
- Ionic3学习笔记(七)Storage
- ionic3学习笔记
- ionic3学习笔记(二)
- ionic3学习笔记(三)
- ionic3学习笔记(四)
- ionic3随笔(一)
- Ionic3安装和项目创建
- Linux学习笔记(目录结构,常用命令)
- 项目结构【springboot mybatis学习与开发(一)】
- ionic3学习笔记(六)--轮播图
- Ionic3学习笔记(三)禁止横屏
- Ionic3学习笔记(四)修改返回按钮文字、颜色
- Ionic3学习笔记(五)动画之使用 animate.css
- Ionic3学习笔记(六)存储之使用 SQLite
- Java中的多线程你只要看这一篇就够了
- angular4基础之服务与依赖注入
- 动手实现一个轻量级无侵入性的RxJava自动注销库RxLifecycle
- BZOJ1059 / ZJOI2007 矩阵游戏【网络流/二分图】
- android 启动屏幕 ==> splash screen
- Ionic3学习笔记(一)安装、项目结构与常用命令
- HDU 1754 线段树
- Bootstrap之带标题的面板
- 【Node事件模块Events】
- CommonJS规范
- Java 9升级后,eclipse出现的问题及解决
- 利用事件委托解决js元素添加后未响应绑定事件问题
- linux基础操作命令(1)
- 面试问题用过mongodb mapreduce么