Angular5入門與搭建項目

步驟 1. 設置開發環境

　　在開始工做以前，你必須設置好開發環境。

　　若是你的電腦裏沒有 Node.js®和 npm，請安裝它們。

請先在終端/控制檯窗口中運行命令 node -v 和 npm -v， 來驗證一下你正在運行 node 6.9.x 和 npm 3.x.x 以上的版本。 更老的版本可能會出現錯誤，更新的版本則沒問題。

　　而後全局安裝 Angular CLI 。

npm install -g @angular/cli

步驟 2. 建立新項目

打開終端窗口。

運行下列命令來生成一個新項目以及應用的骨架代碼：

ng new my-app

　　請耐心等待。 建立新項目須要花費不少時間，大多數時候都是在安裝那些 npm 包。

步驟 3. 啓動開發服務器

　　進入項目目錄，並啓動服務器。

cd my-app
ng serve --open

ng serve 命令會啓動開發服務器，監聽文件變化，並在修改這些文件時從新構建此應用。

使用 --open（或 -o）參數能夠自動打開瀏覽器並訪問 http://localhost:4200/。

本應用會用一條消息來跟你打招呼：

---

以上都是官方網站給出的搭建項目的一些流程。

下面開始介紹Angular5能夠使用的一些包管理工具

yarn 包管理(下載快，有條理，不像npm或者cnpm會卡住。)

安裝方式： cnpm install yarn (附帶官網地址：https://yarnpkg.com/lang/zh-hans/docs/install/)

初始化項目並安裝依賴： yarn

運行： yarn start