1、首先安装nodejs,[nodejs官网](https://nodejs.org/en/),安装完后,打开cmd,输入node -v,如果显示版本号则说明安装成功,如下图所示。
![](https://box.kancloud.cn/e67919b6a73ff3b257fff87a14743c3b_852x552.png)
2、配置npm为淘宝镜像
在cmd下执行下面的命令
~~~
npm config set loglevel=http ##显示安装进度
npm install -g cnpm --registry=https://registry.npm.taobao.org ##因为墙的原因,你懂得
~~~
执行成功后输入cnpm -v,如果正确返回版本号,则说明配置成功。
3、安装ionic+cordova
~~~
cnpm install -g ionic cordova
~~~
安装完成后,输入ionic -v,cordova -v,如果正确返回版本号,则说明安装成功。
4、下载ionic官方的的demo,体验ionic
我们进入项目所在目录,c:/www/ionic,执行下面的命令
~~~
ionic start test tabs
~~~
下载过程会比较慢,大家耐心等待。下载完成后进入c:/www/ionic/test,执行如下命令
~~~
ionic serve
~~~
如下图所示:
![](https://box.kancloud.cn/d63d1604d4f5efd7f45197249bf4a457_846x552.png)
执行完命令,会自动打开系统的默认浏览器,这里我建议使用chrome浏览器,如下图所示。
![](https://box.kancloud.cn/0ee81d63508c3bb72d5b37259f11b345_2880x1800.png)
至此我们的开发环境配置完毕,下面将正式开始我们的开发之旅。