angularjs2.0之初體驗

搭建本地開發環境

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

  1. 創建工程文件(工程文件可以命名為 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 />

項目源文件結構簡析

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

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

app.component.ts

應用程序的根組件,在應用的不斷開發中,將會嵌套其他的組件,最終構建的成一個樹形的結構。

app.module.ts

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

main.ts

利用JiT編譯器編譯應用,使其可以在瀏覽器上運行。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

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