angular 腳手架初始專案 及 部分目錄講解

cnpm i -g @angular/cli

# 檢查版本
ng v

# 壓縮打包

ng build --prod --build--optimizer 選項

說明–collection=collection

別名：-c。用於生成初始應用程式的外部庫，比如ng-zorro-antd

–commit=true/false

預設值：true。初始git儲存庫提交資訊

–defaults=true/false

如果為true。則禁用具有預設選項的互動式輸入提示

–directory=directory

用於建立工作空間的目錄名稱

–dryrun=true/false

預設值：false,別名：-d。如果為true，則執行並報告活動而不寫出結果

–experimentalivy=true/false

預設值：false。如果為true，則建立乙個使用ivy渲染引擎的新應用程式

–force=true/false

預設值：false,別名：-f。是否覆蓋現有檔案

–help=true/false/json/json

預設值：false。在控制台中顯示此命令的幫助訊息

–inlinestyle=true/false

預設值：false,別名：-s。如果為true，則在元件ts檔案中包含內聯樣式。預設情況下，在元件ts檔案中建立並引用外部樣式檔案

–inlinetemplate=true/false

預設值：false,別名：-t。如果為true，則在元件ts檔案中包含模板內聯。預設情況下，在元件ts檔案中建立並引用外部模板檔案

–interactive=true/false

如果為false。則禁用互動式輸入提示

–minimal=true/false

預設值：false。如果為true，則建立乙個沒有任何測試框架的專案

–newprojectroot=newprojectroot

預設值：projects。相對於新工作區根目錄，將建立新專案的路徑

–prefix=prefix

–routing=true/false

預設值：false。如果為true，則為初始專案生成路由模組

–skipgit=true/false

預設值：false,別名：-g。如果為true，則不初始化git儲存庫

–skipinstall=true/false

預設值：false。如果為true，則不安裝依賴包

–skiptests=true/false

預設值：false,別名：-s。如果為true，則不會為新專案生成「spec.ts」測試檔案

–style=css/scss/sass/less/styl

預設值：css。用於樣式檔案的副檔名或預處理器

–verbose=true/false

–viewencapsulation =emulated/native/none/shadowdom

在初始專案中使用的檢視封裝策略

ng serve --open

# 手機端測試介面
ng serve --host 本機的ip位址

# 檢視可建立類別

// 引入核心模組 component

import
from
'@angular/core'
;@component()
export
class
// 建構函式
}
// angular 的根模組 ，告訴 angular 如何組建模組

// 瀏覽器的解析模組
import
from
'@angular/platform-browser'
;// angular 的核心模組
import
from
'@angular/core'
;// 路由組建
import
from
;// 根元件
import
from
;// 元件
import
from
'./components/news/news.component'
;// 裝飾器，接收乙個元資料物件，告訴 angular 如何編譯和啟動應用
@ngmodule()
// 根模組不需要匯出其他任何東西，因為其他模組不需要匯入根模組
export
class
				
用Angular腳手架搭建專案
首先你得安裝好node和npm的環境。接著用命令 npm install g angular cli 這個命令可以安裝最新版 然後用ng version命令檢驗是否成功 你可以選擇在你想要新建專案的資料夾下開啟命令列視窗輸入下面這個命令ng new your project name 最後專案建立成...
				
Vue腳手架初始化專案
在使用webpack之前，需確保安裝好環境，因為我的專案使用npm進行初始化，所以需要先配置node.js的環境，也可以使用yarn進行專案初始化 node v如果安裝成功，會顯示版本號 安裝完node後，我們開始正式初始化我們的vue專案 vue中文官網 開啟官網，使用npm進行安裝 使用npm前...
				
vuecli腳手架的安裝與腳手架建立專案
安裝最新版本腳手架，進入終端輸入命令 npm install g vue cli由於vuecli3.0之後與2.0產生了較大的變化，如果想要使用2.0版本的模板的話，需要使用2.0版本的 vue init 輸入命令 npm install g vue cli init在終端中輸入vue versio...