Ionic2開(kāi)發(fā)環(huán)境搭建教程
關(guān)于網(wǎng)絡(luò)環(huán)境:ionic開(kāi)發(fā)環(huán)境不需要FQ。我這里沒(méi)有設(shè)置FQ,親測(cè)可行。但是angular2的開(kāi)發(fā)環(huán)境搭建,則需要FQ網(wǎng)絡(luò),否則很多包會(huì)安裝失敗。
建議大家在搭建開(kāi)發(fā)環(huán)境的時(shí)候,不要參考百度出來(lái)的各種博客,太零碎,重要的是時(shí)間久,也不一定寫(xiě)的對(duì)。強(qiáng)烈建議參考官網(wǎng)引導(dǎo)教程。
1.下載安裝Node.js。官網(wǎng)地址,我安裝的是v7.10.0版本。
2.安裝完成后通過(guò)命令行 node -v 可查看安裝的版本。
3.通過(guò)npm安裝cordova和ionic。輸入:npm install -g cordova ionic

安裝完成后窗口如下:

4.ionic安裝成功之后,即可創(chuàng)建你的第一個(gè)項(xiàng)目:ionic start myApp tabs 此處默認(rèn)創(chuàng)建ionic2的項(xiàng)目,如果需要?jiǎng)?chuàng)建ionic1.x版本,則在命令的最后面加上 --v1。另外此處是tabs是模板的意思,另外還有blank/sidemenu/tutorial/super等幾個(gè)模板。

5.項(xiàng)目創(chuàng)建成功后,cd到項(xiàng)目根目錄,運(yùn)行ionic serve即可運(yùn)行項(xiàng)目,會(huì)自動(dòng)打開(kāi)瀏覽器查看。


整個(gè)Ionic2項(xiàng)目的目錄結(jié)構(gòu)如下圖所示:

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于預(yù)加載InstantClick的問(wèn)題解決方法
本篇文章主要介紹了關(guān)于預(yù)加載InstantClick的問(wèn)題解決方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
javascript中parentNode,childNodes,children的應(yīng)用詳解
本篇文章是對(duì)javascript中parentNode,childNodes,children的應(yīng)用進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12
人人網(wǎng)javascript面試題 可以提前實(shí)現(xiàn)下
JavaScript面試題要求:以下題目必須從一至四題中,選出三道題,使用原生代碼實(shí)現(xiàn),不可使用任何框架,第五題為選作題2012-01-01
js實(shí)現(xiàn)簡(jiǎn)單鼠標(biāo)跟隨效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)單鼠標(biāo)跟隨效果的方法,涉及javascript鼠標(biāo)事件與坐標(biāo)獲取等相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
JavaScript DSL 流暢接口(使用鏈?zhǔn)秸{(diào)用)實(shí)例
這篇文章主要介紹了JavaScript DSL 流暢接口(使用鏈?zhǔn)秸{(diào)用)實(shí)例,本文講解了DSL 流暢接口、DSL 表達(dá)式生成器等內(nèi)容,需要的朋友可以參考下2015-03-03
PHP+jQuery+Ajax+Mysql如何實(shí)現(xiàn)發(fā)表心情功能
這篇文章通過(guò)php+jquery+ajax+mysql相結(jié)合,實(shí)現(xiàn)當(dāng)用戶瀏覽網(wǎng)站文章或者是論壇帖子后,想表達(dá)自己瀏覽后的心情,發(fā)表自己的感受,很多網(wǎng)站都提供了用戶發(fā)表心情的功能,通過(guò)此功能可以很直觀的分析文章或者是論壇對(duì)瀏覽者的用戶體驗(yàn)度2015-08-08

