資訊專(zhuān)欄INFORMATION COLUMN
摘要：通過(guò)這四條命令，可以快速創(chuàng)建一個(gè)項(xiàng)目。本章主要關(guān)注，這條命令。在下載好之后，通過(guò)在命令行輸入可以獲得的指令詳細(xì)介紹。如果新建一個(gè)項(xiàng)目?jī)H僅用上述條，顯然是不滿(mǎn)足開(kāi)發(fā)需求的，在介紹條屬性。本章對(duì)的介紹到此為止，下章具體介紹路由。
angular-cli
腳手架大大方便了，項(xiàng)目的開(kāi)發(fā)，使用也非常簡(jiǎn)單。
https://cli.angular.io/ 提供了搭建一個(gè)angular項(xiàng)目的簡(jiǎn)單介紹。
本文就angular-cli這塊的指令屬性，在做一些擴(kuò)展介紹。
npm install -g @angular/cli ng new PROJECT-NAME cd PROJECT-NAME ng serve
通過(guò)這四條命令，可以快速創(chuàng)建一個(gè)angular項(xiàng)目。
本章主要關(guān)注，ng new 這條命令。在下載好angular-cli之后，通過(guò)在命令行輸入ng help可以獲得angular-cli的指令詳細(xì)介紹。
如果新建一個(gè)項(xiàng)目?jī)H僅用上述5條，顯然是不滿(mǎn)足開(kāi)發(fā)需求的，在介紹5條屬性。
---style 指定生成項(xiàng)目的css預(yù)編譯語(yǔ)言，例如
ng new PROJECT-NAME --style less 則創(chuàng)建的項(xiàng)目，由less開(kāi)發(fā)。
---prefix 默認(rèn)是app，可以選擇改成其他的，如果不設(shè)置，那么項(xiàng)目生成的組件選擇對(duì)象就是app開(kāi)頭，即：
---routing angular生成的項(xiàng)目默認(rèn)是不帶路由的，而路由在但也應(yīng)用基本上是必備模塊，因此在生成項(xiàng)目時(shí)需添加此屬性。
---inline-style，--inline-template這兩個(gè)屬性放在一起介紹，一個(gè)是將css放在ts文件中，一個(gè)是將html放在ts文件中一起編寫(xiě)。用過(guò)vue或者react的同學(xué)應(yīng)該非常熟悉。我這邊都是沒(méi)有做inline設(shè)置的，個(gè)人不喜歡這種把其他東西柔在腳本里的方式。
組件生成之前用angularjs的時(shí)候，有自己寫(xiě)生成組件的腳本，換到4之后，發(fā)現(xiàn)天生帶這個(gè)功能，很喜歡。比如生成一個(gè)名為stones的組件，只需運(yùn)行命令：
ng g component stones
就ok了，然后會(huì)依照之前在ng new項(xiàng)目時(shí)的配置在app目錄下生成相應(yīng)的組件，并自動(dòng)加入到依賴(lài)中，非常方便。
本章對(duì)angular-cli的介紹到此為止，下章具體介紹路由。
項(xiàng)目地址：https://github.com/jiwenjiang...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/88628.html
摘要：安裝好后，在命令提示符下輸入回車(chē)后就會(huì)自動(dòng)安裝好的最新版本，如果你的網(wǎng)絡(luò)環(huán)境和我的一樣，處處受限的話，我建議你先安裝后，利用安裝。好了，基本的前端和后端程序已經(jīng)構(gòu)建完成了，下面需要對(duì)前端和后端環(huán)境進(jìn)行一下配置。 學(xué)習(xí)了一段時(shí)間的angular4知識(shí)，結(jié)合以前自學(xué)的nodejs-express后端框架知識(shí)，做了一個(gè)利用angular4作為前端，node-express作為后端服務(wù)器的網(wǎng)站...
摘要：在引入將下載下來(lái)原諒沒(méi)看可以使用安裝，將那些，放入這個(gè)目錄里面。你要用聲明這個(gè)關(guān)鍵字這樣就可以在中使用了年月日指定元素使用出現(xiàn)沒(méi)有作用的之前用創(chuàng)建工程直接安裝和，然后安裝他的類(lèi)型描述文件。 ??由于項(xiàng)目需要一個(gè)選擇年月日，選擇時(shí)分秒和選擇時(shí)見(jiàn)間隔的插件，本來(lái)打算用ng-zorro，結(jié)果發(fā)現(xiàn)ng-zorro有點(diǎn)不符合要求，而且有點(diǎn)大，所以就用了layDate.js。 在angular4引...
摘要：在引入將下載下來(lái)原諒沒(méi)看可以使用安裝，將那些，放入這個(gè)目錄里面。你要用聲明這個(gè)關(guān)鍵字這樣就可以在中使用了年月日指定元素使用出現(xiàn)沒(méi)有作用的之前用創(chuàng)建工程直接安裝和，然后安裝他的類(lèi)型描述文件。 ??由于項(xiàng)目需要一個(gè)選擇年月日，選擇時(shí)分秒和選擇時(shí)見(jiàn)間隔的插件，本來(lái)打算用ng-zorro，結(jié)果發(fā)現(xiàn)ng-zorro有點(diǎn)不符合要求，而且有點(diǎn)大，所以就用了layDate.js。 在angular4引...
摘要：在引入將下載下來(lái)原諒沒(méi)看可以使用安裝，將那些，放入這個(gè)目錄里面。你要用聲明這個(gè)關(guān)鍵字這樣就可以在中使用了年月日指定元素使用出現(xiàn)沒(méi)有作用的之前用創(chuàng)建工程直接安裝和，然后安裝他的類(lèi)型描述文件。 ??由于項(xiàng)目需要一個(gè)選擇年月日，選擇時(shí)分秒和選擇時(shí)見(jiàn)間隔的插件，本來(lái)打算用ng-zorro，結(jié)果發(fā)現(xiàn)ng-zorro有點(diǎn)不符合要求，而且有點(diǎn)大，所以就用了layDate.js。 在angular4引...
閱讀 2510·2021-11-15 11:38
閱讀 1959·2021-11-05 09:37
閱讀 2281·2021-10-08 10:12
閱讀 2818·2019-08-30 15:55
閱讀 2120·2019-08-30 15:52
閱讀 1230·2019-08-29 13:24
閱讀 471·2019-08-26 18:27
閱讀 1483·2019-08-26 18:27
