在上一家公司中參與了一個(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)載,謝謝赞警。