å 容æèŠ
æ¬æä»ç»äºåšAngularäžé«æçæå€äžªç»ä»¶çæ¹æ³ïŒå æ¬ç»ä»¶çåºæ¬ç»æãæ¹éçæç»ä»¶çå ç§æ¹æ³ïŒåŠåŸªç¯åœä»€ãéŸåŒåœä»€åpackage.jsonèæ¬ïŒä»¥åèªå®ä¹ç»ä»¶å建é项ïŒä»¥æé«åŒåæçã
å ³é®èŠç¹
-
åšAngularäžïŒç»ä»¶æ¯çšæ·çé¢çæ žå¿æå»ºåïŒå æ¬é»èŸãæš¡æ¿ãæ ·åŒåå¯éçåå æµè¯ã
-
æåšå建ç»ä»¶çåœä»€äžºïŒng generate component components/headerã
-
䜿çšåŸªç¯åœä»€å¯ä»¥äžæ¬¡æ§çæå€äžªç»ä»¶ïŒäŸåŠïŒfor c in header sidebar footer dashboard; do ng g c components/$c; doneã
-
䜿çš&&éŸåŒåœä»€ä¹å¯ä»¥å¿«éçæå€äžªç»ä»¶ïŒäŸåŠïŒng g c components/register && ng g c components/list && ng g c components/edit && ng g c components/deleteã
-
å¯ä»¥åšpackage.jsonäžæ·»å èæ¬æ¥èªåšåç»ä»¶çæïŒäŸåŠïŒ"component-generator": "ng g c components/register && ng g c components/list && ng g c components/edit && ng g c components/delete"ã
-
å¯ä»¥éè¿é¢å€é项èªå®ä¹ç»ä»¶å建ïŒäŸåŠïŒ--skip-testsïŒäžå建æµè¯æä»¶ïŒã--style=scssïŒäœ¿çšSCSSèéCSSïŒã--flatïŒäžå建æä»¶å€¹ïŒå--standaloneïŒå建ç¬ç«ç»ä»¶ïŒã
-
éè¿æ¬æåïŒçšæ·å¯ä»¥å¿«éçæå€äžªç»ä»¶ïŒå¹¶éµåŸªæš¡åååèªåšåçè¯å¥œå®è·µã
延䌞é®ç
åšAngularäžïŒç»ä»¶çåºæ¬ç»æå æ¬åªäºéšåïŒ
ç»ä»¶çåºæ¬ç»æå æ¬é»èŸïŒtsïŒãæš¡æ¿ïŒhtmlïŒãæ ·åŒïŒcssæscssïŒåå¯éçåå æµè¯ïŒspec.tsïŒã
åŠäœäœ¿çšåŸªç¯åœä»€äžæ¬¡æ§çæå€äžªç»ä»¶ïŒ
å¯ä»¥äœ¿çšåœä»€ïŒfor c in header sidebar footer dashboard; do ng g c components/$c; done æ¥äžæ¬¡æ§çæå€äžªç»ä»¶ã
åšpackage.jsonäžåŠäœèªåšåç»ä»¶çæïŒ
å¯ä»¥åšpackage.jsonäžæ·»å èæ¬ïŒäŸåŠïŒ"component-generator": "ng g c components/register && ng g c components/list && ng g c components/edit && ng g c components/delete"ïŒç¶åè¿è¡npm run component-generatorã
çæç»ä»¶æ¶å¯ä»¥äœ¿çšåªäºèªå®ä¹é项ïŒ
å¯ä»¥äœ¿çšé项åŠ--skip-testsïŒäžå建æµè¯æä»¶ïŒã--style=scssïŒäœ¿çšSCSSïŒã--flatïŒäžå建æä»¶å€¹ïŒå--standaloneïŒå建ç¬ç«ç»ä»¶ïŒã
䜿çš&&éŸåŒåœä»€çæå€äžªç»ä»¶çç€ºäŸæ¯ä»ä¹ïŒ
瀺äŸåœä»€äžºïŒng g c components/register && ng g c components/list && ng g c components/edit && ng g c components/deleteã
éè¿æ¬æåïŒçšæ·å¯ä»¥è·åŸä»ä¹æ ·çç»æïŒ
çšæ·å¯ä»¥å¿«éçæå€äžªç»ä»¶ïŒå¹¶éµåŸªæš¡åååèªåšåçè¯å¥œå®è·µïŒç»ä»¶å°è¢«ç»ç»å¥œå¹¶åå€äœ¿çšã