ionic基本环境的搭建

1.下载版本大于6的Node.js

https://nodejs.org/en/

我的喜欢下载最新版本

安装成功后能够用命令行工具输入node -v和npm -v分别查看node、npm版本

 

 

2.下载安装cnpm

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

使用cnpm -v 查看相应的版本

 

3.使用cnpm像安装 cordova、ionic

cnpm install -g cordova

cnpm install -g ionic

使用 cordova -v 和ionic -v 分别查看cordova、ionic版本

 

 

4.注册淘宝包为下载镜像：用于项目建立中下载须要的包

npm config set registry https://registry.npm.taobao.org

npm config set disturl https://npm.taobao.org/dist

使用npm config list 查看镜像配置信息

 

5.建立ionic项目

进入你要建立项目的目录，这里以c:\demo为例

使用ionic start 项目名称

以前ionic2的时候能够这样ionic start 项目名称  --v2  --skip-npm

--v2表示建立ionic2项目         --skip-npm表示跳过下载依赖的包

版本2就不去再试了，毕竟如今都版本3了

ionic start app

咱们就选tabs回车，tabs、blank、sidemenu、super只是一个项目模板，其余能够另外试下

 npm install命令一直在运行，半天都没结果，等到花儿都谢了，这个时候咱们能够ctrl+c终止掉

cd app进入项目再运行cnpm install 或者cnpm install --save均可以

居然提示安装了19个包，也没啥错误！

让咱们把此项目运行起来，固然运行的时候只是浏览器打开，这里就暂且不讲打包的环境配置，先把项目跑起来！

运行项目ionic serve，若是会报错的请继续看下去，不会报错的请不要看了，以避免溅一身血！！！

我这操做系统仍是今天刚装的，都干干净净 ，nodejs也是刚装的，简直是纯少女啊！！！！

我注意到node_modules\node-sass，因此我尝试下node-sass是否存在！node-sass -v果真没有，我就尝试安装下

咱们就用cnpm全局安装下 cnpm install -g node-sass

安装完，咱们继续尝试运行，咱们会发现结果仍是跟以前同样报错，node-sass都安装了还报错？百度了下https://github.com/dlmanning/gulp-sass/issues/185，说缺乏gulp-sass，继续用cnpm 全局安装

 安装了gulp-sass仍是不行，我又cnpm rebuild node-sass，仍是不行，我又去下载了python安装

https://www.python.org/downloads/release/python-2714/

实在不行了。。。。。。。

我继续观察下错误，前面安装的node-sass都是全局安装的，然而这里却提示项目下node-sass的问题，难道是高版本nodejs的缘由?

这个时候咱们在本项目下载下node-sass包，cnpm install --save

安装完后，咱们继续运行ionic serve，成功运行起来了。