angular4實戰(zhàn)（1） angular-cli

Maxiye 發(fā)布于2019-08-21 16:42 / 2240人閱讀

摘要：通過這四條命令，可以快速創(chuàng)建一個項目。本章主要關注，這條命令。在下載好之后，通過在命令行輸入可以獲得的指令詳細介紹。如果新建一個項目僅僅用上述條，顯然是不滿足開發(fā)需求的，在介紹條屬性。本章對的介紹到此為止，下章具體介紹路由。

angular-cli

腳手架大大方便了，項目的開發(fā)，使用也非常簡單。
https://cli.angular.io/ 提供了搭建一個angular項目的簡單介紹。
本文就angular-cli這塊的指令屬性，在做一些擴展介紹。

npm install -g @angular/cli
ng new PROJECT-NAME
cd PROJECT-NAME
ng serve

通過這四條命令，可以快速創(chuàng)建一個angular項目。
本章主要關注，ng new 這條命令。在下載好angular-cli之后，通過在命令行輸入ng help可以獲得angular-cli的指令詳細介紹。

如果新建一個項目僅僅用上述5條，顯然是不滿足開發(fā)需求的，在介紹5條屬性。

---style 指定生成項目的css預編譯語言，例如
ng new PROJECT-NAME --style less 則創(chuàng)建的項目，由less開發(fā)。

---prefix 默認是app，可以選擇改成其他的，如果不設置，那么項目生成的組件選擇對象就是app開頭，即：

---routing angular生成的項目默認是不帶路由的，而路由在但也應用基本上是必備模塊，因此在生成項目時需添加此屬性。

---inline-style，--inline-template這兩個屬性放在一起介紹，一個是將css放在ts文件中，一個是將html放在ts文件中一起編寫。用過vue或者react的同學應該非常熟悉。我這邊都是沒有做inline設置的，個人不喜歡這種把其他東西柔在腳本里的方式。

組件生成

之前用angularjs的時候，有自己寫生成組件的腳本，換到4之后，發(fā)現(xiàn)天生帶這個功能，很喜歡。比如生成一個名為stones的組件，只需運行命令：

ng g component stones

就ok了，然后會依照之前在ng new項目時的配置在app目錄下生成相應的組件，并自動加入到依賴中，非常方便。

本章對angular-cli的介紹到此為止，下章具體介紹路由。

項目地址：https://github.com/jiwenjiang...

云服務器 GPU云服務器 angular4 實戰(zhàn)開發(fā) 項目實戰(zhàn) 實戰(zhàn)篇

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88628.html

利用angular4和nodejs-express構建一個簡單的網(wǎng)站（一）——構建前后端開發(fā)環(huán)境

摘要：安裝好后，在命令提示符下輸入回車后就會自動安裝好的最新版本，如果你的網(wǎng)絡環(huán)境和我的一樣，處處受限的話，我建議你先安裝后，利用安裝。好了，基本的前端和后端程序已經(jīng)構建完成了，下面需要對前端和后端環(huán)境進行一下配置。學習了一段時間的angular4知識，結合以前自學的nodejs-express后端框架知識，做了一個利用angular4作為前端，node-express作為后端服務器的網(wǎng)站...

Lyux 2019-08-26 11:34 評論0 收藏0
angluar4使用非npm安裝的js插件和cnpm下使用bootstrap遇到的問題

摘要：在引入將下載下來原諒沒看可以使用安裝，將那些，放入這個目錄里面。你要用聲明這個關鍵字這樣就可以在中使用了年月日指定元素使用出現(xiàn)沒有作用的之前用創(chuàng)建工程直接安裝和，然后安裝他的類型描述文件。 ??由于項目需要一個選擇年月日，選擇時分秒和選擇時見間隔的插件，本來打算用ng-zorro，結果發(fā)現(xiàn)ng-zorro有點不符合要求，而且有點大，所以就用了layDate.js。在angular4引...

lylwyy2016 2019-08-01 18:13 評論0 收藏0
angluar4使用非npm安裝的js插件和cnpm下使用bootstrap遇到的問題

摘要：在引入將下載下來原諒沒看可以使用安裝，將那些，放入這個目錄里面。你要用聲明這個關鍵字這樣就可以在中使用了年月日指定元素使用出現(xiàn)沒有作用的之前用創(chuàng)建工程直接安裝和，然后安裝他的類型描述文件。 ??由于項目需要一個選擇年月日，選擇時分秒和選擇時見間隔的插件，本來打算用ng-zorro，結果發(fā)現(xiàn)ng-zorro有點不符合要求，而且有點大，所以就用了layDate.js。在angular4引...

zhichangterry 2019-08-22 11:17 評論0 收藏0
angluar4使用非npm安裝的js插件和cnpm下使用bootstrap遇到的問題

摘要：在引入將下載下來原諒沒看可以使用安裝，將那些，放入這個目錄里面。你要用聲明這個關鍵字這樣就可以在中使用了年月日指定元素使用出現(xiàn)沒有作用的之前用創(chuàng)建工程直接安裝和，然后安裝他的類型描述文件。 ??由于項目需要一個選擇年月日，選擇時分秒和選擇時見間隔的插件，本來打算用ng-zorro，結果發(fā)現(xiàn)ng-zorro有點不符合要求，而且有點大，所以就用了layDate.js。在angular4引...

cjie 2019-08-29 14:02 評論0 收藏0