一、angular/cli 命令
1. > npm install -g angular/cli
2. > ng new my-dream-app
3. > cd my-dream-app
4. > ng serve
在命令行依次執行上面4個步驟的代碼,就可以成功的創建一個angular項目,并可以運行(地址:http://localhost:4200/)
二、angular/cli 安裝
1.安裝angular/cli之前要確認已經安裝過 node.js
和npm
// 顯示當前node和npm版本
$node -v
$npm -v
// node版本高于6.9.3 npm 版本高于3.0.0
2.全局安裝typescript
(可選)
$ npm install -g typescript
// 新建項目的時候會自動安裝typescript(非全局)所以這里也不用安裝
3.安裝Angular CLI
$ npm install -g @angular/cli
當然你也可以參考從淘寶源來安裝,整個過程會快很多。
// 安裝cnpm
npm install -g cnpm --registry=https://registry.taobao.org
三、新建angular項目
1.新建angular
項目
$ ng new my-app
//my-app 為項目名稱
這里要等很久,大概要下載141M的東西。
如果你已經建好了項目文件夾就可以直接使用ng init my-app
來新建項目,ng-init
和ng-new
的區別就是ng-new
會幫我們創建一個和項目名稱相同的文件夾。
2.成果展示
安裝完成之后就可以啟動項目了:
cd helloKeriy
ng serve -open
ng serve
命令會啟動開發服務器,監聽文件變化,并在修改這些文件時重新構建此應用。
使用--open
(或-o
)參數可以自動打開瀏覽器并訪問http://localhost:4200/