本地运行vue.js项目，如何更改调试的默认端口？

运行本地vue.js项目，如何更改调试的默认端口？

• 之前学会了安装和使用node.js、npm、cnpm、webpack等相关的一些知识和技巧，
• 但是在搭建vue.js框架，进行开发的时候，会发现在进行浏览器测试的时候，会出现localhost:8080端口被占用的问题。

---

如何自定义变更调试的端口号？

这就是此篇博客的写作目的，一是备份，二是能在以后的开发中有经验型参考和依据，三是能作为奠基石，为“港大小白”抛砖引玉。

言归正传，其实这个问题解决起来并没有想象的那么费劲。

注意： 默认端口：8080；

---

例如： 变更 端口号8080 为8081；

---

下面先截图说明一下，截图参考如下：

---

具体操作步骤：

1. 首先，根据上图中的本地路径，找出对应的文件C:\个人\vuejs\firstvue\config\index.js；

2. 其次，找到上述对应的红色标记代码，直接修改端口号为8081，即可完,8080默认端口的更改；

3. 然后，就是按照老方法，通过cmd指定，本地热启动本地对应的项目即可；

4. 最后一步，打开浏览器，输入localhost:8081，即可查看到IP地址栏确实已被更改端口号为8081。

注意：最后一步有时候会在你执行cmd命令之后自动执行，而不用自己手动输入localhost:8081.

---

相关文章参考：

序号	文章标题
1	如何进行 node.js 的 安装与卸载
2	如何进行 Vue.js 框架的安装？
3	如何安装多个vue.js项目？
4	关于node.js 和vue.js的安装、卸载、浏览器测试问题？

以便于获取更多资源分享，请点击关注博主，后期重要内容恕不直接发布，欢迎留言和评论，将第一时间回复。

---

以上就是关于“本地运行vue.js项目，如何更改调试的默认端口？”的全部内容。