前端开发的端口使用

在未出现前后端分离的时候，我们似乎没有听说过前端端口。自前后端分离出现，react、vue等现代化框架的大量使用，我们才接触到前端端口，比如react的默认端口是3000，vue的默认端口是8080，react和vue构建的项目的启动方式都是基于node的，当启动项目的时候，其实就是在操作系统里启动了一个node服务。

端口被占用的解决办法

当我们使用react或者vue进行开发的时候，或多或少都会遇到端口被占用的情况，原因是我们启动项目的时候，就开启了一个node进程，这个node进程会占用一个端口，当我们没有把这个进程结束而再次启动项目的时候，就会出现类似于 **‘Port 5000 is already in use’**的错误，解决办法是先关掉占用端口的服务，再启动项目，具体步骤如下：

1. 右击任务栏的Window键，打开任务管理器
   

2. 选择性能，然后打开资源监视器
   

3. 在资源监视器的网络一栏中查找占用了端口的进程ID，笔者这里被占用的端口是5000
   
   由上图可知占用了端口5000的进程的ID是21492

4. 根据查找到的进程ID去CPU一栏结束该进程的服务
   
   右击上图的进程，点击结束进程即可，之后就可以正常启动项目了。