angular新建項目、啟動本地服務器、創建組件及服務等實用語句整理

新建angular項目:

ng new projectName      //projectName項目名稱


啟動本地服務器

ng serve


啟動本地服務器并打開瀏覽器

ng serve --open

簡寫

ng serve -o


創建組件

ng generate component componentName --inline-template --inline-style

簡寫

ng g c componentName -it -is

=》生成component-name文件夾及目錄下component-name.component.ts、component-name.component.spec.ts

blob.png


ng g c componentName2

沒有輸入 -it -is 內聯template跟style,將會多生成2個文件 html與css

=》生成component-name2文件夾及目錄下component-name2.component.html、component-name2.component.css、component-name2.component.ts、component-name2.component.spec.ts

blob.png


ng g c companentName3 -is

沒有輸入 -it 卻輸入了-is 將會多生成1個文件 html 由于-is(--inline-style) css將不單獨生成文件

blob.png



總結 ng g c 組件名稱 -it -is 如果后面帶了-it 表示內聯html模板無需生成對應的html,it表示內聯style樣式,無需生成對應css文件。


component.spec.ts - 用于單元測試

component.ts - 新建的組件


Angular CLI 在創建組件時,自動幫我們添加了前綴。那為什么前綴是 app 呢?

blob.png

答案是在項目根目錄下的 .angular-cli.json 文件中,已經默認幫我們配置了默認的前綴 "prefix": "app",  app可以自行修改

blob.png


新建服務

ng g s serviceName	//serviceName 服務名稱

 create src/app/servicetest.service.spec.ts (404 bytes)

 create src/app/servicetest.service.ts (117 bytes)

將會在src/app/目錄下面創建service.ts文件可供使用



轉載請說明出處:原文鏈接 http://www.yixcsu.live/qdjs/51

相關閱讀:

安裝npm包應該放在devDependencies還是dependencies

AntDesign Of Angular之響應式柵格尺寸:nzXs、nzSm、nzMd、nzLg、nzXl、nzXXl

Angular響應式表單校驗及提交主動觸發所有校驗

Angular 報錯 Can't bind to 'formGroup' since it isn't a known property of 'form'

Angular Ionic項目build打包后發布到IIS刷新報錯404解決方法

大乐透专家预测 什么东西玩游戏能赚钱的软件好 捕鱼游戏架构 达达随手赚钱怎么用的 四川熊猫麻将外挂 14场胜负 国外农村做什么生意赚钱 放逐之城如何赚钱 2013最新足球比分网站 湖南快乐10分 欢乐捕鱼人充值破解 拉萨开菜店赚钱吗 三人麻将规则及玩法 上海岳游街机电玩捕鱼 山西十一选五 最新网络捕鱼游戏 soul用什么赚钱