angularJS 2.0 開發的簡單dome

與其說這是一個demo，不如說是一個與高手的討教過程。雖然demo出來了，可其中有些問題我仍是不太明白，若是有angularjs2.0的大神，請進來指導一番，~~~~~不甚感激。

    說明第一點：採用的工具是webStrom。 可有個問題：寫的代碼明明沒有錯誤，可是項目總是會出現故意損壞的狀況~~~，而後須要從新啓動webstorm，項目又好了~~~~。以下圖這種狀況~~~
    此問題雖然沒有解決，但是已經明白其中的道理，能夠去file-setttings-plugins-error/warn下面把勾去掉就好了。
    大多數狀況下有紅色波浪線是由於你的代碼有錯誤，可是也有多是webstorm仍是不能識別你的語法，可能在版本更新方面有點問題。不能正確的識別你的語法，因此在webstorm看來就是理所固然的錯誤。因此就有紅色的波浪線。

說明第二點：webstorm是才其餘人那邊拷過來的，看網上的介紹，若是須要在webstrom裏面使用angularJS須要安裝插件~~~因爲我拷過來的時候已經有插件了~~~因此沒有安裝~~~結果建立angularjs項目的時候不能選擇版本，直接建立的是angular1.5.8的版本，和我使用的2.0不同。以下圖：Version那邊不可以選擇~~~這是什麼緣由，有大神知道嗎~~~~~~~~~~~~~~~~

此問題已經解決了，npm install angular-cli 建立工程的時候選擇angular-cli就能夠支持anuglar2.0了

接下來就介紹建立項目過程啦~~~~

一：首先建立一個名爲：quickstart的project。忽略下圖的紅色部分，建立完成後文件夾下面就只有External Libraries.

二：建立一個package.json文件，而後從angualrjs2.0的中文網站上覆制代碼過來~~~

三：接下來在建立一個名爲tsconfig.json的文件。

而後在終端輸入npm install  ，下載了一個node-module。

那麼這裏有一些問題：package.json的做用只是爲了下載包的仍是有什麼其餘的用處。若是我下載好了node_modules就刪除package.json可不能夠運行~~~~~我本身試了下刪除好像也能夠，可是仍是想確認下。

tsconfig.json是什麼做用的，是否是使用了ts才須要這個文件，若是沒有這個文件會怎樣。~~~~我試過沒有也能運行項目~~~

四：建立一個systemjs.config.js文件。這個文件是複製的，其實我都沒有看懂~~~~

看代碼好像沒有看懂，可是好像必須得有這個才能運行。

若是把systemjs.config.js換成require.js能夠用嗎~~~~能夠來個大神解讀下這個模塊嗎？

五：在quickstart文件夾下面建立一個app文件。

下面有這三個文件。分別看下代碼吧。這裏到沒有什麼要提問的~~~~~~~~~~

忽略紅色的波浪線~~~我也不知道怎麼回事啊~~~~~~~~~~~~

而後在quickstart路勁下建立一個index.html頁面，引入一下js文件。

其實我又不知道引入的js文件究竟是什麼做用的而後在引入systemjs.config.js文件就能夠運行。

能夠來介紹下嗎~~~~~~

最後運行結果

 

感激涕零。