angular4.x 如何修改默认端口号

111.png

Angular 提供了配置文件用来更改基本的配置，在根文件夹下的 package.json 文件

该文件中， "scripts" 对象的初始值是：

"scripts": {
  "ng": "ng",
  "start": "ng serve",
  "build": "ng build",
  "test": "ng test",
  "lint": "ng lint",
  "e2e": "ng e2e"
},

这里有一个 "start" 属性，更改这里的值：

"scripts": {
  "ng": "ng",
  "start": "ng serve --port 4203 --env=dev",
  "build": "ng build --env=prod",
  "test": "ng test",
  "lint": "ng lint",
  "e2e": "ng e2e"
},

然后在 webstrom 的终端 Terminal 里输入命令 npm start 就能编译通过并且在浏览器中顺利打开了。

总结：更改 Angular 默认端口号的正确方式，是更改根文件夹下的 package.json 配置文件，将 "scripts" 对象的 "start" 属性的值更改成你想要的端口号。