Angular腳手架cli新增Angular項目

1.快速安裝

cnpm install -g @angular/cli

2.建立一個帶路由的新項目

ng new peoject_name --routing（project_name爲項目名稱）

3.運行項目(百度有些案例說直接輸入命令「ng serve」便可啓動項目，可是我電腦的項目不知道爲何不行，因此只能使用下面這行命令)

ng serve --open

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

Angular-cli修改端口

經過命令行方式修改：

ng serve --port 端口號

修改端口號還能夠經過另外一種方法：(可是個人項目找不到這個文件，因此我只能經過命令修改端口號)

找到node_modules/angular-cli/lib/config/schema.json 
default值就是默認的端口

"serve": {
    "description": "Properties to be passed to the serve command",
    "type": "object",
    "properties": {
      "port": {
        "description": "The port the application will be served on",
        "type": "number",
        "default": 4200
      },
      "host": {
        "description": "The host the application will be served on",
        "type": "string",
        "default": "localhost"
      }
    }
  }
}

這是啓動後的頁面：