【ionic】-环境搭建

1、ionic是什么

ionic是一个用来开发混合手机应用的，开源的，免费的代码库。可以优化html、css和js的性能，构建高效的应用程序，而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架

2、准备工作

• 下载Node.js，进入官网，建议下载左边的那个版本，如下图所示；

• 下载VS Code

3、创建过程

• 安装Node.js

• 安装cordova,ionic

输入命令：npm install -g ionic   //安装ionic
输入命令：npm install -g cordova  //安装cordova

• 转换安装位置

安装的时候默认是安排在我们的C盘，获取我们并不想把项目创建在C盘中，这个时候就需要用到转盘了，运行命令：cd + 盘符,然后回车，就成功的转到我们要创建的盘了，如下图所示；

• 创建ionic项目：

运行命令：ionic start 项目名称 tabs
例子：ionic start ionicdemo tabs

中间不出问题的话我们创建项目的过程就简单的顺利完成了，但是前进的道路总是充满坎坷的，不报点错似乎都不完整，在创建ionic项目的过程中提示网络错误，这个时候稳住别慌，我们从头一步步的检查；

4、网络错误如何破

• 检查自己安装的node.js版本是否是最新稳定版本
• 安装cnpm

运行命令：npm install -g cnpm -registry=https://registry.npm.taobao.org
接下来的操作所有的npm就用cnpm代替了；

• 用cnpm进行上述3的创建过程，就可以成功的创建项目了；

5、运行ionic

输入命令：ionic serve

完成以上步骤我们就可以成功运行建立的简洁项目啦；