與其說這是一個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文件就可以運行。
可以來介紹下嗎~~~~~~
最后運行結果
感激不盡。