angular4專案啟動步驟

2021-08-11 04:05:31 字數 1305 閱讀 3996

1. 安裝node

安裝完成後,在命令列工具輸入 node –v 可驗證是否安裝成功

2. 配置**映象源

npm config set registry 

.taobao

.org

配置完成後可通過npm config get registry驗證是否配置成功

3. 安裝cnpm

npm install -g cnpm
安裝完成後可通過cnpm -v驗證是否安裝成功

4. 安裝angular4腳手架工具

開啟命令列工具輸入:

npm install –g @angular/cli
安裝完成後可通過ng -v驗證是否安裝成功

5. 安裝專案依賴包

命令列工具進入專案根目錄,輸入:

npm install
該過程會較慢。一般情況下node-sass 會安裝失敗,這時用cnpm單獨安裝node-sass :

cnpm install node-sass
6. 啟動專案

命令列工具進入專案根目錄,輸入:

npm start   //或者 ng serve
7. 配置chrome瀏覽器,解決跨域

若專案伺服器位址非本機,需要解決跨域問題,在本機啟動服務的可跳過。

專案伺服器位址可在專案目錄下的 src/ environments/ environment.ts 檢視和修改。

步驟:

1) 在電腦上新建目錄,例如:d:\mychromedevuserdata;

2) 右擊chrome瀏覽器快捷方式,開啟屬性頁面,在目標輸入框的最後加上

--disable-web

-security

--user-data

-dir

=d:\mychromedevuserdata

–user-data-dir的值就是剛才的目錄,注意在–disable前面有乙個空格

8. 開啟頁面

開啟配置好的chrome快捷方式,專案訪問位址為

localhost

:4200

angular4如何安裝建立專案 元件

一 安裝最新版本的nodejs 首先在控制台用node v 和npm v來看一上當前的版本。老版本會出現錯誤。二 全域性安裝angular cli 腳手架工具 1.使用npm命令安裝 npm install g angular cli2.npm可能會安裝失敗,可以切換到 映象 npm install...

第4周專案4

煙台大學計算機學院 檔名稱 xm.cpp 完成日期 2017年9月24日 問題描述 一群猴子,編號是1,2,3 m,這群猴子 m個 按照1 m的順序圍坐一圈。從第1只開始數,每數到第n個,該猴子就要離開此圈,這樣依次下來,直到圈中只剩下最後乙隻猴子,則該猴子為大王。輸入m和n,輸出為大王的猴子是幾號...

輕鬆專案管理02 專案啟動

專案啟動 通過學習,你將能夠 了解專案啟動的基本流程 熟悉專案組織成員的職責 學會組建專案團隊 掌握專案任務書的編寫 明確專案開工會的內容。專案啟動 專案啟動是專案管理的第乙個環節。概括來講,乙個專案管理要進行兩項活動,即專案管理的活動和專案本身的活動。專案管理的活動主要包括立項申請 組建專案團隊 ...