Angular学习笔记38：解决Angular启动项目时，端口被占用问题Port 4200 is already in use

解决Angular启动项目时，端口被占用问题

在启动Angular项目时，Angular默认的端口是：4200，但是有时会因为端口占用，启动失败。
提示：Port 4200 is already in use. Use ‘–port’ to specify a different port.

解决方法一:kill端口占用的服务:

找到占用4200端口的服务，将进程kill掉就可以了。

win系统：

1. 在“开始”中，在搜索框中输入“cmd”回车;
2. 在命令行输入“netstat -ano”回车;
3. 找到4200的端口对应的PID;
4. 打开“任务管理器”找到PID;
5. 选中，点击“结束进程”就可以了

Mac/Linux系统

1. 启动终端(terminal);
2. 执行命令:

lsof -i :4200

3. 然后可以看到端口占用的服务

wujiayudeMacBook-Pro:~ wjy$ lsof -i :4200
COMMAND  PID USER   FD   TYPE             DEVICE SIZE/OFF NODE NAME
node    3661  wjy   28u  IPv4 0x29540272a60ffb93      0t0  TCP localhost:4200 (LISTEN)

4. kill服务
   在第三步看到，是node占用了4200的端口，所以根据它的PID,将其kill掉就可以了;
   执行命令：

wujiayudeMacBook-Pro:~ wjy$ kill 3661

解决方法二:更换端口启动

修改项目中package.json文件：

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

在start命令中，增加 --port 8090;port后面是新的端口号；
然后在执行

npm run start

此时，在浏览器中，打开

http://localhost:8090/

就可以了