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，成功運行起來了。