angularjs2.0之初體驗

搭建本地開發(fā)環(huán)境

<p></p>
確保你已安裝<a >node npm</a>

  1. 創(chuàng)建工程文件(工程文件可以命名為 quickstart
  2. <a href=''>clone</a> or <a href=''>download</a> 項目到你的工程文件
  3. 在工程文件下運行 npm install
  4. 運行 npm start 啟動你項目

clone

<pre>
git clone https://github.com/angular/quickstart.git quickstart
cd quickstart
npm install
npm start
</pre>

download

<a >下載項目源文件</a>,解壓的你的工程文件中(quickstart
<pre>
cd quickstart
npm install
npm start
</pre>
<br />

項目源文件結(jié)構(gòu)簡析

這個源文件為你以后項目工程的創(chuàng)建提供了一個堅實的基礎(chǔ),項目里有許多文件,現(xiàn)在先不用仔細(xì)去了解,以后用到的時候一個個去研究。

首先來看一下這三個必不可少的typescript文件

app.component.ts

應(yīng)用程序的根組件,在應(yīng)用的不斷開發(fā)中,將會嵌套其他的組件,最終構(gòu)建的成一個樹形的結(jié)構(gòu)。

app.module.ts

定義項目模塊,這個根模塊告訴angular如何收集眾多的組件,所有用到的組件都在這里聲明。

main.ts

利用JiT編譯器編譯應(yīng)用,使其可以在瀏覽器上運行。

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

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,040評論 25 709
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,562評論 19 139
  • 自己不是一個優(yōu)秀的人,但內(nèi)心希望自己成為一個優(yōu)秀的人,這應(yīng)該是很多人的心聲,但這種心聲撞上重度患者…… “橢圓”患...
    習(xí)慣的無奈閱讀 791評論 0 0
  • 在中學(xué)與大學(xué)上馬克思政治經(jīng)濟學(xué)課程的時候,一直就有疑問,關(guān)于剩余價值,關(guān)于價值形成,關(guān)于價格形成。這兩天,在萬維剛...
    張永勝_永往直前閱讀 218評論 0 1
  • 今日晨讀無非用了三大部分不同的內(nèi)容,講了以一個聽了幾萬遍的大道理——成為精進者,學(xué)習(xí)時要多練習(xí),要記事,要保持無知...
    dhrbdjkal閱讀 710評論 4 7

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