Angular2建立乙個專案的簡單流程

2021-10-01 08:08:05 字數 857 閱讀 8657

前提條件

prerequisites

在開始之前,請確保你的開發環境中包括 node.js® 和 npm 包管理器。

node.js

angular 需要 node.js 版本 10.9.0 或更高版本。

要檢查你的版本,請在終端/控制台視窗中執行

node -v
第 1 步:安裝 angular cli

你可以使用 angular cli 來建立專案、生成應用和庫**,以及執行各種持續開發任務,比如測試、打包和部署。

全域性安裝 angular cli。

要使用 npm 命令安裝 cli,請開啟終端/控制台視窗,輸入如下命令:

npm install -g @angular/cli
檢視angular版本

ng version
-skip-install

cnpm install

ng new 命令會提示你提供要把哪些特性包含在初始應用中。按 enter 或 return 鍵可以接受預設值。

angular cli 會安裝必要的 angular npm 包和其他依賴包。這可能要花幾分鐘的時間。

cli 會建立乙個新的工作區和乙個簡單的歡迎應用,隨時可以執行它。

npm start

ng serve -

-open

ng serve 命令會啟動開發伺服器、監視檔案,並在這些檔案發生更改時重建應用。

–open(或者只用 -o 縮寫)選項會自動開啟你的瀏覽器,並訪問http://localhost:4200/

使用Angular2建立專案

使用 light bootstrap dashboard angular cli 前端框架 bs3 angular2 ide vs code 執行 ng serve 後,開啟本地伺服器,最妙的是,在vscode中修改 直接在瀏覽器中反應變化。於是遇到第乙個坑,頁面一直在loading。還有記得看 控...

Angular 2 建立工程

工程的搭建使用的是 angularcli。使用它可以方便快捷的搭建出乙個可執行的工程。首先我們需要確保已經安裝了angularcli,如果沒有則執行如下命令進行安裝 npm install g angular cli安裝成功接下來就要建立工程了 ng new projectname其中project...

2 新建乙個Angular專案

第二步 利用npm安裝cnpm 安裝好node之後就可以使用npm命令了,利用npm安裝cnpm 安裝cnpm npm install g cnpm registry 第三步 利用cnpm安裝angular cli 安裝angular cli cnpm i g install angular cli...