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文件就可以運行。

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

最后運行結果

 

感激不盡。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM