ionic基本環境的搭建

2022-02-17 00:42:56 字數 1874 閱讀 2180

安裝成功後可以用命令列工具輸入node -v和npm -v分別檢視node、npm版本

npm install -g cnpm --registry=

使用cnpm -v 檢視相應的版本

3.使用cnpm像安裝 cordova、ionic

cnpm install -g cordova

cnpm install -g ionic

使用 cordova -v 和ionic -v 分別檢視cordova、ionic版本

使用npm config list 檢視映象配置資訊

5.建立ionic專案

進入你要建立專案的目錄,這裡以c:\demo為例

使用ionic start 專案名稱

之前ionic2的時候可以這樣ionic start 專案名稱  --v2  --skip-npm

版本2就不去再試了,畢竟現在都版本3了

我們就選tabs回車,tabs、blank、sidemenu、super只是乙個專案模板,其他可以另外試下

npm install命令一直在執行,半天都沒結果,等到花兒都謝了,這個時候我們可以ctrl+c終止掉

竟然提示安裝了19個包,也沒啥錯誤!

讓我們把此專案執行起來,當然執行的時候只是瀏覽器開啟,這裡就暫且不講打包的環境配置,先把專案跑起來!

執行專案ionic serve,如果會報錯的請繼續看下去,不會報錯的請不要看了,以免濺一身血!!!

我這作業系統還是今天剛裝的,都乾乾淨淨 ,nodejs也是剛裝的,簡直是純少女啊!!!!

我注意到node_modules\node-sass,所以我嘗試下node-sass是否存在!node-sass -v果然沒有,我就嘗試安裝下

我們就用cnpm全域性安裝下 cnpm install -g node-sass

實在不行了。。。。。。。

我繼續觀察下錯誤,前面安裝的node-sass都是全域性安裝的,然而這裡卻提示專案下node-sass的問題,難道是高版本nodejs的原因?

安裝完後,我們繼續執行ionic serve,成功執行起來了。

Ionic 介紹以及 Ionic 環境搭建

ionic 主要關注外觀和體驗,以及和你的應用程式的 ui 互動,特別適合用於基於 hybird 模式的 html5 移動應用程式開發。ionic是乙個輕量的手機ui庫,具有速度快,介面現代化 美觀等特點。為了解決其他一些ui庫在手機上執行緩慢的問題,它直接放棄了ios6和android4.1以下的...

ionic介紹以及ionic環境搭建

1.什麼是ionic?簡單來說 ionic就是乙個移動應用程式開發框架 2.ionic的安裝執行 1.學習前準備工作 1 必須得安裝 nodejs 建議安裝最新的穩定版本 2 必須有 angular 基礎 2.安裝 cordova ionic npm install gcordova ionic 3...

ionic 環境搭建之mac

1.準備工作 ide,編寫 瀏覽器除錯 jdk webstorm 執行環境 android sdk android編譯 2.配置環境變數 android home d program files adt sdk 對應sdk路徑 path android home platform tools pat...