Ionic2入门教程（一）安装和环境配置

Ionic安装及环境配置

前提：安装Node.js，获取npm工具

中文官网
http://nodejs.cn/
英文官网
https://nodejs.org/en/

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式
I/O 的模型，使其轻量又高效。 Node.js 的包管理器 npm，是全球最大的开源库生态系统。

咱们主要为了使用npm工具安装包

一、了解npm（Node Package Manager）

npm是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。

二、安装node

进入nodejs官网（https://nodejs.org/），单击INSTALL下载node安装包，默认安装。安装完成后，进入对应目录，会发现nodejs文件夹下面有npm,直接用npm安装相环境既可。

三、其余

（推荐使用VSCode做为编辑器，首先须要对Angular2有必定了解，由于Ionic是基于Angular2进行开发的。Angular2使用TypeScript语言开发。因此这基本上是一套体系的，须要连续反复学习。）

一、安装Ionic

先安装cordova：
命令行输入参数：

npm install -g cordova

再安装ionic：
命令行输入参数：

npm install -g ionic

二、新建一个新项目

命令行输入参数：

ionic start ionicSample

能够选择tabs和blank等多种类型初始项目

三、编译运行调试

cd到项目文件夹内，安装相关模块

npm install

命令行输入：

ionic serve

四、问题

可能存在版本问题

• ionic start 一个新项目，将旧项目里面src拷贝过去覆盖，出现==webpackJsonp is not defined==，修改index.html，添加下行代码

<script src="build/vendor.js"></script>

• 缺乏node-sass

npm install node-sass

• ionic serve后出现须要安装cli
• 解决方案：
  https://forum.ionicframework....
• [x] allways选择yes