Ionic環(huán)境搭建

#安裝node.js#

下載node.js安裝包,最好是最新穩(wěn)定版(下載地址:https://nodejs.org/en/),然后安裝

安裝完成后,環(huán)境變量中Path配置到宿主目錄,一般系統(tǒng)會(huì)自己生成,如下



配置完成之后,命令行使用node -v檢查版本,看是否安裝成功,如下:


#安裝ionic和cordova#

安裝ionic和cordova會(huì)使用npm命令,但是由于資源在國(guó)外,訪問(wèn)受限,所以安裝會(huì)報(bào)錯(cuò),如果可以訪問(wèn)國(guó)外資源,直接使用npm,不能的話,安裝淘寶的cnpm,這個(gè)是淘寶同步獲取的資源,方便國(guó)內(nèi)使用的。

如下命令安裝cnpm: npm install -g cnpm --registry = http://registry.npm.taobao.org

之后所有的npm替換成cnpm就好啦。

接下來(lái)安裝ionic,使用cnpm install -g ionic@2.x安裝ionic,這里如果直接使用cnpm install -g ionic會(huì)安裝最新版本,我的之前最新版本安裝成了3.x所以會(huì)出現(xiàn)這個(gè)錯(cuò)誤,

耽誤了很久時(shí)間,所以使用cnpm install -g ionic@2.x來(lái)安裝,如果不小心安裝到了3.x,先卸載,使用命令cnpm uninstall -g ionic,然后再使用cnpm install -g ionic@2.x安裝,執(zhí)行完后,使用命令ionic -v,檢查版本


安裝成功

安裝cordova同樣的道理,cnpm install -g cordova即可,使用cordova -v 檢查版本

#簡(jiǎn)單的例子#

安裝完成后,命令行切換到要建項(xiàng)目的目錄,執(zhí)行命令ionic start s1 --v2,建立一個(gè)項(xiàng)目,其中s1是自己取得項(xiàng)目名,--v2要加上,不然會(huì)生成版本1的模板,執(zhí)行后會(huì)報(bào)錯(cuò)如下

這個(gè)時(shí)候要切換到s1,執(zhí)行cnpm install,安裝需要的東西

如圖才安裝成功

這樣才安裝完所需要的資源,然后當(dāng)前目錄下執(zhí)行ionic serve運(yùn)行

如圖執(zhí)行完后,會(huì)自動(dòng)打開(kāi)瀏覽器,執(zhí)行成功

學(xué)習(xí)地址:https://www.gitbook.com/book/yanxiaodi/ionic2-guide/details

#有問(wèn)題,可以聯(lián)系我,一起學(xué)習(xí)#

#微信 IFuLixiang ,請(qǐng)注明簡(jiǎn)書(shū)+ionic#

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一.準(zhǔn)備工作:下載安裝 Node.js (npm依賴包)JDK (Java開(kāi)發(fā)工具包,即Java Dev...
    謝大見(jiàn)閱讀 750評(píng)論 2 3
  • 作為一名iOS開(kāi)發(fā)人員,對(duì)于移動(dòng)開(kāi)發(fā)的發(fā)展趨勢(shì)頗為關(guān)注。大家都知道,現(xiàn)在的原生移動(dòng)開(kāi)發(fā)在企業(yè)上基本很少使用...
    zhengelababy閱讀 1,593評(píng)論 0 5
  • 最近公司要用到ionic,老板讓我自己先搭建一個(gè)環(huán)境,我以為照著教程照搬就行了,沒(méi)想到還頗費(fèi)周折,就把我的安裝過(guò)程...
    鯊魚(yú)巨人閱讀 1,019評(píng)論 0 0
  • 首先,我們來(lái)看一下用 Accordion 做出來(lái)的效果 簡(jiǎn)單使用 可以看到,這么一個(gè)效果還是很美觀的,那么我們應(yīng)該...
    ghwaphon閱讀 749評(píng)論 0 2
  • 那是一道光 劃破褐色的夜空 守望著光再次劍影 但還是很久沒(méi)有發(fā)現(xiàn)她的痕跡 光山劍影 只是頓時(shí)照亮了昨日的黑夜 卻沒(méi)...
    米瀾盛若閱讀 188評(píng)論 0 7

友情鏈接更多精彩內(nèi)容