安装 Ionic 运行环境

标签（空格分隔）： 前端

---

1 安装Node.js npm

下载 node 最新版,安装好后切换到淘宝镜像源：

npm install -g cnpm --registry=http://registry.npm.taobao.org

2 安装Ionic2

[ahcj@localhost ~]$ npm install -g ionic cordova

安装完成后输入以下命令看一下版本号：

[ahcj@localhost ~]$ ionic -version
3.10.3
[ahcj@localhost ~]$ cordova -version
7.0.1

3 创建项目

首先 切换到项目目录，使用 ionic start 命令来创建一个新App：

[ahcj@localhost ~]$ mkdir  -p ~/www/ionic
[ahcj@localhost ionic]$ ionic start TutorialProject tutorial

ionic start 语法:

ionic start 项目名称 项目模板 版本

项目名称：自定义
项目模板：[ tabs|sidemenu|blank|super|tutorial]，默认会使用 tabs 模板
版本： 如果使用ionic1 ,则添加 –type ionic1

 If the tutorial template isn’t something you want to use, Ionic has a
few templates available:

tabs : a simple 3 tab layout
sidemenu: a layout with a swipable menu on the side
blank: a bare starter with a single page
super: starter project with over 14 ready to use page designs
tutorial: a guided starter project

If you don’t specify a template by running ionic start MyIonicProject,
the tabs template will be used.

4 启动项目

运行下面命令会自动启动浏览器，
接着浏览器会打开一个地址为 http://localhost:8100 的窗口，端口号根据当前PC的实际情况可能会有变化，如果8100被占用了会使用8101等。

[ahcj@localhost ~]$ cd ~/www/ionic/TutorialProject
[ahcj@localhost TutorialProject]$ ionic serve