搭建ionic项目环境并开始第一个demo

一、安装NodeJs(安装nodejs是为了方便使用命令行直接下载安装我们需要的环境)

NodeJs官网：https://nodejs.org/en/

安装稳定版即可，安装步骤跟安装普通软件一样，下一步，下一步,最后完成就ok了。

安装结束，在 cmd控制台输入

node  -v  

若出现版本号，即为安装成功。

二、安装ionic、cordova环境，在cmd窗口运行以下命令

nmp install  -g cordova ionic

视电脑性能跟网速不同，一般5分钟左右安装完毕，安装完毕后，在cmd窗口输入

Ionic -v  回车运行，出现版本号即为安装成功，同样输入cordova -v 出现版本号即为安装成功 

三、运行以下命令，从github下载一个模板项目到本地

在cmd窗口切换路径到你想要创建项目的路径下，然后运行以下命令

ionic start myapp sidemenu

然后等待几分钟之后，就得到了一个从github上下载下来的模板项目，“ionic start myapp sidemenu” myapp是我们创建的项目名，sidemenu是模板类型（还可以是tabs，blank），sidemenu是带有侧滑菜单的模板，blank是空白项目，tabs是带有选项卡的模板项目

四、运行刚才创建的项目

首先进入我们的项目myapp

然后输入命令

ionic serve

此时会自动打开浏览器运行刚才创建的项目（建议将chrome浏览器设置为默认浏览器，因为chrome浏览器有手机终端模拟器，方便开发）

至此，ionic项目环境搭建完毕，并创建了第一个demo，下节将介绍开发工具，及项目结构