ionic笔记：ionic环境安装以及项目搭建

1.关于ionic

首先ionic官方文档：Ionic Platform Documentation。

接下来是 ionic CSS得文档：ionic3中文文档_Ionic3组件文档

*ionic = Cordova + Angular + ionic CSS *

Cordova 提供了使用 JavaScript 调用 Native 功能，ionic CSS 是一套 UI 框架，ionic 对 Angular 进行了封装。

2.安装

首先需要安装node.js环境：Node.js 安装配置 | 菜鸟教程

接下来我们安装ionic，这篇文章以及接下来得项目教程我都是使用4.2.1版本

//终端运行

$ npm install -g cordova ionic //安装ionic

$ ionic -v //检查版本

现在我们开始创建我们得项目

//终端运行

//在我们要创建项目得根目录下

$ ionic start MyApp tabs

 //其中 MyApp是我们得项目，tabs是样式

//对应得还有blank，sidemenu两种样式

$ cd MyApp //进入到项目目录
$ npm install //安装依赖库
$ ionic serve // 在浏览器中运行项目

2.png

网页查看平台模板
http://localhost:8100/?ionicplatform=ios
http://localhost:8100/?ionicplatform=Android

最后附上一些常用得命令：

//ionic浏览器运行
ionic serve

//添加android/ios平台
ionic cordova platform add android/ios

//移除android/ios平台
ionic platform rm android/ios

//编译android/ios
ionic cordova build android/ios

//新建页面
ionic g page myPage