angular4如何安裝建立專案 元件

2021-08-21 11:09:40 字數 526 閱讀 1569

一、安裝最新版本的nodejs

首先在控制台用node -v 和npm -v來看一上當前的版本。老版本會出現錯誤。

二、全域性安裝angular cli 腳手架工具

1.使用npm命令安裝

npm install -g @angular/cli
2.npm可能會安裝失敗,可以切換到**映象:

npm install -g cnpm --registry=
3.使用cnpm安裝

cnpm install -g@angular/cli

三、建立專案

1.建立專案,執行命令:

2.進入剛才建立的專案並啟動服務

cnpm install //安裝依賴

ng serve --open //啟動專案

四、建立元件

ng g component components/home

angular4專案啟動步驟

1.安裝node 安裝完成後,在命令列工具輸入 node v 可驗證是否安裝成功 2.配置 映象源npm config set registry taobao org配置完成後可通過npm config get registry驗證是否配置成功 3.安裝cnpmnpm install g cnpm安...

angular4學習 建立結構性指令

import from anguar core directive export class unlesscomponent input set condition boolean elseif condition 建立了乙個與 ngif 相反的結構性指令 viewcontainerref可以將乙個...

Angular4 實現動態Form

在最近的專案中遇到動態form表單的問題,遇到很多編輯的地方,而且編輯的form表單很多內容,大概幾十個字段,而且有不同的型別,有文字框,也有下拉列表,有時間控制項,還有數值控制項等等,如果採用硬編碼的方式會有很多問題,量太大,容易漏資料,很容易出錯 於是正好找到angular有類似的例子,參考這裡...