在上一家公司中參與了一個(gè)用戶管理系統(tǒng)項(xiàng)目的建設(shè)，項(xiàng)目使用的是angular7+ng-zorro-antd框架構(gòu)建的，采用的是前后端分離的工作模式。

然而，對(duì)于樓主這樣只學(xué)過Vue框架的人來說，第一次接觸構(gòu)建好的angular項(xiàng)目真的是一臉懵，雖然說基本的跟Vue構(gòu)建好的項(xiàng)目差不多，也是component放組件，但是細(xì)節(jié)也太不同了吧，看下圖:

圖片

整個(gè)目錄的大概結(jié)構(gòu)，細(xì)節(jié)部分就不透露了，依賴是node_modules，src文件夾才是放代碼的地方。

給正在學(xué)angular的人一個(gè)忠告，最好使用Mac進(jìn)行項(xiàng)目開發(fā)吧，不然會(huì)出現(xiàn)各種各樣奇奇怪怪的問題，畢竟樓主是踩過這些坑的人（使用windows信仰本的樓主）。

好了，開始介紹如何安裝angular吧：

首先，angular的啟動(dòng)時(shí)依賴node.js的環(huán)境的，所以必須先裝node.js，這個(gè)不用多說，直接去node.js官網(wǎng)下安裝下一步即可。

然后是全局安裝angular-cli：

npm install -g @angular/cli

angular創(chuàng)建項(xiàng)目：

ng new 項(xiàng)目名

安裝過程中系統(tǒng)會(huì)自動(dòng)使用npm來安裝所需要的依賴，如果覺得太慢，直接Ctrl+C取消掉，然后cd到你這個(gè)項(xiàng)目的文件夾進(jìn)行cnpm i，使用淘寶鏡像安裝。

angular啟動(dòng)項(xiàng)目：

ng serve

angular打包項(xiàng)目

ng build

angular命令查詢

ng -help

圖片

此文章未經(jīng)本人允許，不得四處轉(zhuǎn)載，謝謝。