npm命令启动前端项目

今天在做码神之路的个人博客练手小项目时，发现前端代码居然不用导进我的springboot项目里，就能够正常和spingboot里的后端代码联系起来。这看的我云里雾里，脑袋里有许多的问号，毕竟我真的没有接触过东西，觉得奇妙又头疼。

研究了一个多小时之后，我才成功的在npm平台上启动前端项目，以下是从无到有用npm启动前端项目的步骤：

1. 下载Nodejs

下载Nodejs，要较新版本的，新版本里集合了npm，不用我们自己去下载，官网点下载，非常方便

2. 进入命令环境

打开电脑自带的命令提示符（搜索cmd就能找到），输入 npm --version，如果能显示出npm的版本号，则说明下载成功

3. 下载运行

仍然是在cmd里，跳转到前端项目所在的目录，执行以下三步：

1. npm install

2. npm run build

3. npm run dev

前端项目就成功跑起来啦！

显示项目启动路径，表名项目启动成功

4. 关闭项目：

在cmd中键入：ctrl+c

5.关闭端口号

如果忘记关闭项目就退出cmd命名窗口，运行着前端项目的端口号就会一直被占用，这时候就需要手动关闭端口号，具体步骤如下：

1、点击开始菜单选择运行（win+r），接着在运行对话框中输入“cmd”，回车打开命令提示符窗口，然后在窗口中输入 netstat -ano，回车，之后就会显示所有的端口占用情况；

2、继续输入【netstat -aon|findstr “端口”】，那么我现在需要找8888端口，在窗口中输入 netstat -nao|findstr 8888，回车之后就可以看见列表中的PID。根据PID在电脑的任务管理器中查看对应的占用程序，然后将其关闭即可；

3、可以看到占有8888这个程序的进程ID：7688，继续输入命令【tasklist|findstr “7688”】，7688就是进程ID，可以看到进程名为 node.exe ；

4、打开任务管理器（方法一快捷键：Ctrl+Shift+Esc，方法二：在桌面右下方菜单栏鼠标单次右击，然后点击弹出的 启动任务管理器） 在进程中找到对应的进程（node.exe）鼠标右击，结束进程

参考链接：如何关闭正在运行的端口_heerey525-CSDN博客_怎么关闭正在使用的端口