启动步骤:
1. cd ionic //跳进目录
2. ionic start testApp tabs // "testApp" 是项目名称 tabs 表示模版 还有俩种模板 2 。Menu 3. Blank
3. ionic serve 运行项目 在本地创建一个服务器
4. -g 代表全局安装
5. 所有项目源码放在src目录中
ionic文件目录介绍
1. main.ts 入口文件 前端都只调用一个入口文件,让入口文件帮我们去引入其它依赖的文件
2. app.module.ts 根模块文件。 ionic 是基于angular 的。而angular是完全模块化的。根模块文件是一个无微不至的大管家,你把你要用什么(模块、组件、服务、管道、指令等)都告诉它,它会帮你去弄来
3. app.component.ts根组件。 angular里的组件。就是iOS中的视图。组件的产品就是我们所看见的界面了。根组件主要定义了app整体的视觉表现,比如根页面、状态栏、启动界面等等。
4. app.component.scss 全局样式文件 就是写全局css的地方,不过在ionic里你可以用sass来写
ionic 命令行使用
ionic g page YourPageName //创建新页面
ionic g directive YourPageName //创建指令
ionic g component YourComponentName //创建组件
ionic g provider YourProviderName //创建服务
ionic g pipe YourPipeName //创建过滤器
ionic g component YourComponent // 创建组件。
@angular/core是一个npm的模块,定义了angular的核心功能
网友评论