Angular2 小白筆記

Angular2 小白筆記


首先介紹下本人背景,一個剛畢業沒多久的前端小白,入職後一直負責C項目的維護,沒有寫過JS代碼,也不懂DOM層那些深奧的內容,讀研期間曾經搞過一段時間C#,今年開始接觸前端,看到TYPESCRIPT的時候感覺特別親切,沒有對TS和C#進行過詳細的比較,感覺兩門語言很像(據說都是大神ANDERS HEJLSBERG開發的),所以覺得C#和JAVA的程序員上手TS應該不難。

目前學習angular2主要靠angular.cn中文網和ng2-book。

環境搭建

環境搭建要感謝google和github上無私的開源奉獻者們,因爲他們提供了諸多基礎工程供你使用,你可以不用再去繁瑣的考慮如何搭建環境,單元測試,打包發佈版本等等。

重點介紹windows下的安裝:

  • 首先安裝nodejs和npm(此乃js前後端必備工具),據說低版本目前不兼容ng2,建議直接上最新版本。下載最新的nodejs, 安裝完成後,在windows開始菜單運行中輸入cmd,打開命令行,然後使用node –v 和npm –v是否可以查詢安裝的版本號,如果顯示版本號,則證明安裝成功。

  • 入門推薦使用angular/quickstart作爲基礎工程
    下載解壓後在quickstart-master會看到很多文件,我們先不去管這些文件是做什麼用的。
    在命令行中進入到quickstart-master路徑下,運行命令 npm install 它會自動安裝,默默的等待安裝完成,如果沒有出現typings文件夾,需要通過命令手動安裝它,命令npm run typings install

  • 在quickstart-master文件路徑下輸入npm start,會自動打開瀏覽器(最好使用谷歌最新版瀏覽器),url地址是http://localhost:3000/,就會看到My First Angular App,你的第一個angular2應用就這麼完成了,至於爲什麼出現My First Angular App下節繼續。

這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章