angularJS 2.0 開發的簡單dome

標籤：alt   紅色   gbk   seq   spn   oct   mos   epo   out   

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

說明第一點：我採用的工具是webStrom。 可有個問題：寫的代碼明明沒有錯誤，但是項目老是會出現故意損壞的情況~~~然後需要重新啟動webstorm，項目又好了~~~~。如這種情況~~~

說明第二點：webstorm是才其他人那邊拷過來的，看晚上的介紹，如果需要在webstrom裡面使用angularJS需要安裝外掛程式~~~由於我拷過來的時候已經有外掛程式了~~~所以沒有安裝~~~結果建立angularjs項目的時候不能選擇版本，直接建立的是angular1.5.8的版本，和我使用的2.0不一樣。如：Version那邊不能夠選擇~~~這是什麼原因，有大神知道嗎~~~~~~~~~~~~~~~~

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

一：首先建立一個名為：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檔案就可以運行。

可以來介紹下嗎~~~~~~

 

最後運行結果

 

 

誠心希望有個懂得人來指導一二，或者來交流也可以~~~知道多少說多少~~~

感激不盡。

 

angularJS 2.0 開發的簡單dome