Ionic笔记Chapt1 —— 环境配置（Mac OS系统环境）

前言

由于最近有个项目需要使用Ionic框架进行APP开发，经过一番痛苦挣扎，终于算是初步了解，那么分阶段记录一下自然是必须的。
本章抛砖引玉，先把开发环境及调试环境配置方法和爬坑过程记录一下，因为之前一直在做iOS原生开发，所以暂时只有Mac环境下配置方法，其实换了Windows会更简单。

Node&Npm安装

Ionic安装是通过npm进行的，所以首先需要安装配置npm。
下载链接https://nodejs.org/en/中“LTS”版本并安装（安装过程忽略，需要了解百度一下很多），安装完成后终端输入node -version和npm -version查看一下版本号，正确安装配置情况下结果如下图：

Ionic安装

安装Ionic过程需要root用户下安装，终端中输入：

$ sudo -i （切换root用户，并输入密码）

$ npm install -g ionic cordova（npm安装ionic指令）

安装完成后会显示ionic版本号。

Ionic工程创建

工程创建在终端中输入：

$ ionic start MyIonic tabs

其中“tabs”是ionic系统模板，因为大部分APP底部都会有tab页签的，所以这里使用了这个模板。

创建过程中遇到了一个坑，可能是公司网络的问题每次创建项目都报错并卡在downloading组件的过程中。如下图

提示sokect hang up，大写的服。猜测可能是网络问题，于是切换4G手机热点，并查看了官方文档以后得知ionic2以上版本可以指定类型，将项目创建命令改为。

$ ionic start MyIonic tabs --type=ionic-angular

完美，开始创创建了，剩下的就是等待！

创建过程中会要求链接Ionic Pro，所以需要提前官网（https://dashboard.ionicframework.com/login）注册一下，使用邮箱登录就可以了。

这里提示创建项目的方式，选择Create a new app on Ionic Pro即可，如下图：

剩下的就是安心的等待了，创建完成后找到项目目录如下图：

Ionic工程调试