ionic介绍以及ionic环境搭建

1.什么是ionic？

Ionic 是一个开源的移动应用程序开发框架，它可以轻松地使用 web 技术构建高质量的跨平 台的移动应用。可以让我们快速开发移动 App、移动端 WEB 页面、微信公众平台应用，混 合 appweb 页面等。

 简单来说：ionic就是一个移动应用程序开发框架

 

2.ionic的安装运行

1.学习前准备工作

       1、必须得安装 nodejs(建议安装最新的稳定版本)

       2、必须有 Angular 基础：https://www.itying.com/goods-1047.html

2.安装 cordova  ionic

       npm install-gcordova ionic

3.创建项目:

      ionic start  myApp  tabs
 

这样就ionic环境就搭建好了，在刚才建项目的目录下就有myApp一个文件夹就表示搭建成功了（ionic serve运行项目）

 

3.ionic  myApp项目目录结构分析

e2e： 端对端测试文件
node_modules ：项目所需要的依赖包
src：开发工作目录，页面、样式、脚本和图片都放在这个目录下
package.json: 配置项目的元数据和管理项目所需要的依赖
tsconfig.json: TypeScript 项目的根目录，指定用来编译这个项目的根文件和编译选项
tslint.json：格式化和校验 typescript

 

4.myApp src下面文件分析

app：应用根目录 （组件、页面、服务、模块...）
assets：资源目录（静态文件（图片，js 框架...）
theme：主题文件，里面有一个 scss 文件，设置主题信息。
global.scss：全局 css 文件

index.html：index 入口文件
main.ts：主入口文件
test.js：测试相关的配置文件
polyfills.ts: 这个文件包含 Angular 需要的填充，并在应用程序之前加载

 

5.app 下面文件分析

 

6.app.module.ts分析

 

7.app-routing.module.ts分析

这里主要对ionic框架做了一下解释，希望能帮助到大家。