使用淘寶鏡像來安裝ionic

通常來講咱們直接可使用npm來安裝ionic,可是因爲國內的網絡環境緣由(你懂的)下載速> 度龜慢,因此能夠考慮使用淘寶鏡像來安裝ionic比較快。如下教程是看了網上相關安裝ionic的教程視頻而且親測成功截圖寫下來。先簡述一下步驟,再詳情查看詳情的截圖安裝配置過程。

簡略步驟:

  1. 請預先安裝好nodejs (官網:https://nodejs.org/en/
  2. 安裝淘寶鏡像命令: npm install -g cnpm
    --registry=https://registry.npm.taobao.org
  3. 安裝ionic命令: cnpm install -g ionic@beta
  4. 設置全局的npm從國內源加載:修改配置文件(安裝的node路徑下nodejsnode_modulesnpmnpmrc文件)npmrc,在文件的尾部添加配置registry
    =http://registry.cnpmjs.org
  5. 在項目文件夾初始化項目命令:ionic start demo --v2
  6. 在項目文件運行ionic環境服務命令:ionic serve

圖文詳情步驟:

1.打開cmd,以管理員身份運行(特別是win8和win10的,爲了不權限問題)node

圖片描述


2.拷貝複製命令 npm install -g cnpm --registry=https://registry.npm.taobao.org
(注意安裝的node版本不要太舊,及時更新)ios

圖片描述
圖片描述

驗證是否安裝成功,輸入命令 cnpm -v 查看版本號(能查看到版本號即代表安裝成功)chrome

圖片描述


3.使用cnpm來安裝Ionic,命令 cnpm install -g ionic@betanpm

圖片描述

圖片描述


4.設置全局的npm從國內源加載服務器

a)修改配置文件(找到安裝node路徑下的nodejsnode_modulesnpmnpmrc文件)npmrc網絡

圖片描述

b)能夠sublime或者記事本打開,修改文件內容,添加配置 registry = http://registry.cnpmjs.orgionic

圖片描述


5.在你的電腦本地新一個文件用來存放ionic項目文件,例如我新建一個ionicProj文件:測試

圖片描述

從新打開一個cmd,進入到ionicProj文件下
嘗試初始化項目,輸入命令:ionic start demo --v2spa

圖片描述

若是發現有這一步,是提示你建立一個ionic帳戶(方便ios開發使用帳戶),想註冊輸入Y不然n視頻

圖片描述

建立完畢,能夠在本地看到如下文件

圖片描述


6.測試剛纔新建項目,在終端進入demo文件夾裏面,使用命令 ionic serve 來啓動demo項目

圖片描述

若是有來到如下截圖這裏卡住了,這裏的意思要你選擇一個運行的服務器地址(有1,2,3,4能夠選了),在Address Selection: 中能夠輸入localhost

圖片描述

而後會自動調用你的chrome瀏覽打開看到demo效果:

圖片描述


附:最近有網友真機測試過,提醒問題:V2默認demo編譯出來的apk,在安卓機上,底部是豎向排列的,而且點擊無效,V1.x的,就沒問題。

相關文章
相關標籤/搜索