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系统：

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

Mac/Linux系统

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

lsof -i :4200

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

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)

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/

就可以了