ionic3 环境配置 + 運行第一個項目

时间:2022-01-02 17:19:25

1.首先我們先下載個 nodejs安裝包

地址:https://nodejs.org/en/ 

安裝

檢查是否安裝成功,打開命令提示符 輸入 node -v 回車 查看版本

結果:

ionic3 环境配置 + 運行第一個項目

2.安裝ionic

輸入以下命令 然後回車

npm i -g ionic

如果你要安裝某個特定版本的就輸入 npm i -g ionic@版本号 安装某個版本的ionic

結果:

ionic3 环境配置 + 運行第一個項目

3.安裝cordova

命令提示符輸入以下 回車 安裝cordova

npm install -g cordova

如果你要安裝某個版本的cordova 跟安裝ionic 是一樣的 後面帶上@版本號就可以了

 

4.檢查cordova ionic 是否安裝成功

分別輸入以下命令 回車

ioinc -v
corodva
-v

結果出現版本號就是安裝成功了

ionic3 环境配置 + 運行第一個項目

5.創建一個ionic 項目

ionic start firstApp tabs

下载npm包

npm install

創建成功后將會運行在瀏覽器上

ionic serve

在執行 運行命令的時候 出現 bug 大概意思是說要安裝python 安裝好 python 就可以了

如果出現 @node-sassa安装失败的問題 找到了這個解決方案 →http://www.jianshu.com/p/02dc4e62961f

如果你網絡不行導致 安裝 ionic  cordova  還有 創建項目的時候 出現非常慢的問題,並出現因爲網絡的原因導致安裝失敗,創建項目失敗你可以考慮使用cnpm 鏡像設置為淘寶的鏡像,然後你可以這樣安裝,cnpm install ionic ,cnpm install cordova 等等等

ps:

http://ionicframework.com/getting-started/