angular學(xué)習(xí)第一篇-----環(huán)境搭建

ChristmasBoy 發(fā)布于2019-08-20 16:01 / 369人閱讀

摘要：這是我第一次寫文章，也不知道能不能堅(jiān)持下去，暫且試試看吧還有就是這里的內(nèi)容大部分是來自慕課網(wǎng)的，我也不知道這樣是否會侵權(quán)，如若侵權(quán)還望提醒好吧，現(xiàn)在開始學(xué)習(xí)吧一環(huán)境的搭建注我這里的環(huán)境是在下的。

寫在前面

最近從慕課網(wǎng)買了一個視頻教程學(xué)習(xí)angular,最新的angular4.0沒有與老版本的有太多依賴關(guān)系，因此對于我這個沒有太多angular基礎(chǔ)的人來說，門檻也就沒那么大了。因?yàn)槭堑谝淮螌W(xué)習(xí)angular,發(fā)現(xiàn)在一邊學(xué)一邊忘，雖然大致的東西記得，但一動手，就發(fā)現(xiàn)這個命令也記不得，那個操作步驟也記不清，因此還是決定一邊學(xué)習(xí)，一邊記錄。這是我第一次寫文章，也不知道能不能堅(jiān)持下去，暫且試試看吧！還有就是這里的內(nèi)容大部分是來自慕課網(wǎng)的，我也不知道這樣是否會侵權(quán)，如若侵權(quán)還望提醒！

好吧，現(xiàn)在開始學(xué)習(xí)吧！

一、環(huán)境的搭建

注：我這里的環(huán)境是在windows下的。
1、安裝node.js
node.js只是需要它的npm命令，并不需要知道node.js的具體知識，這個只需要到官方網(wǎng)下載即可，https://nodejs.org/en/。安裝完成后，打開cmd 輸入npm -v 查看是否安裝成功。
2、安裝angular-cli
在安裝好了node.js后，輸入命令 npm install -g @angular/cli (如果是mac或是linux需要在npm前加一個sudo) ，然后輸入 ng -v 查看是否安裝成功。
3、安裝webstorm
這個直接到官網(wǎng)下載，然后一步步安裝即可。（你也可以用其它的編輯工具）到這所有的工具就安裝完成了。

    
 二、創(chuàng)建項(xiàng)目

1、在命令行輸入 ng new auction (aucion是項(xiàng)目的名稱）這里默認(rèn)創(chuàng)建的項(xiàng)目路徑在Administrator下如果要想指定路徑，先切換到對應(yīng)目錄下，然后執(zhí)行執(zhí)行命令。完成后，你就可以在對應(yīng)目錄下找到你創(chuàng)建的項(xiàng)目。這里面的目錄結(jié)構(gòu)不要輕易的去改變位置或是重命名，否則很有可能導(dǎo)致很多命令不能執(zhí)行。
2、目錄結(jié)構(gòu)
這里簡單講解一個這里的目錄結(jié)構(gòu)
e2e這是一個做測試用的，我們在開發(fā)的時(shí)候一般不用去管
node_modules 這里放的是一些模塊，包括一些第三方的插件庫都是放在這里。
src 我的項(xiàng)目的文件就是放在這里的
.angular-cli.json是這個angular工具的配置文件，這里在引入第三方插件的時(shí)候需要在這里配置
pagepack.json這就是一個npm配置文件，這里記錄一些第三方包，和一些必要的文件
以后還有什么要介紹的再說吧。

好了，安裝和文件的簡單介紹就到這里了。如果有什么不對的地方還望指正！