[基于 Vue CLI 5 + Vue 3 + Ant Design Vue 4 搭建项目] 07 如何修改 npm run serve 的启动端口号

最新推荐文章于 2024-10-09 10:13:02 发布
最新推荐文章于 2024-10-09 10:13:02 发布
阅读量187 收藏
点赞数 1
分类专栏： 前端 文章标签： vue.js npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yanyc0411/article/details/142108051
版权

如何修改 npm run serve 的启动端口号

首先，找到 npm run serve 对应的脚本

在 package.json 文件中找到 serve 对用的脚本

在这里插入图片描述

然后，添加 – port 新端口号

这里修改启动端口号为 9000，则在启动命令后面加上 --port 9000

在这里插入图片描述

最后，启动服务验证一下

在这里插入图片描述

至此，就修改完了

结束

好久不见的流星
关注
专栏目录
基于Vue3+Vite+TS+AntDv+ Pinia从零搭建一个项目
wangshuo0520ai的博客
07-12 2219
基于Vue3+Vite+TS+AntDv+ Pinia从零搭建一个项目
npm run dev 同时运行vue前端项目和node后端项目-项目中如何配置vue和node.js同时启动
06-26
### 如何配置npm run dev命令以同时启动Vue前端项目和Node.js后端项目 在现代Web开发中，前后端分离的架构模式越来越受到欢迎。这种模式下，前端负责UI渲染和用户交互，而后端则专注于业务逻辑处理和数据管理。在...
npm run serve 指定端口号
java小菜的博客
11-18 3991
npm run serve命令时指定端口号
vue启动项目时指定端口的方法
Jeasu_0908的博客
01-20 1万+
vue启动项目时临时修改端口的方法 方法一：通过修改根目录下的vue.config.js配置文件 module.exports = { devServer: { port: 3000, // 端口 }, // lintOnSave: false // 取消 eslint 验证 } 方法二：通过vue项目启动命令 在这里插入代码片 ...
Vue 修改端口号
fzy_1939的博客
08-04 1万+
本章主要介绍Vue开发环境修改端口号的几种实现方法，分享给大家，也给大家做一个参考
Vue运行npm run dev 时修改端口
weixin_30716141的博客
05-18 7994
进入项目文件的config文件夹E:\myapp\myproject\config，找到index.js，修改里面的8080端口，改成8088（确定不被别的程序使用的都可以） 转载于:https://www.cnblogs.com/yongyang/p/9054892.html...
使用npm命令启动http-server服务时指定端口
Beauxie的博客
09-09 3万+
当使用npm start命令启动时，默认监听的是8080端口，可以使用-p参数指定端口，比如需要改为监听8888端口: npm start -- -p 8888 注意：命令行中需要加入-- 运行以后，如下图所示: ...
Vue修改项目启动端口号方法
10-16
在Vue.js项目开发中，有时候由于多项目共存或者服务器端口冲突，我们需要自定义项目的启动端口号。本文将详细讲解如何在Vue项目中修改默认的启动端口号，以适应不同开发环境的需求。 首先，Vue项目的配置信息通常...
vue.js如何更改默认端口号8080为指定端口的方法
12-10
保存更改后，重新运行`npm run dev`，你的Vue项目就会在新指定的端口上启动。如果需要在项目中改变其他配置，如代理设置、静态资源路径等，也可以在`config/index.js`中找到相应的选项进行调整。 总之，更改Vue.js...
vue 利用高德地图的巡航轨迹， 做带进度条和倍速的轨迹回放demo，npm run serve启动，npm install安装
02-03
npm run serve ``` 这将启动Vue CLI的热加载开发服务器，默认在`http://localhost:8080`端口上，根据描述，你可以直接在浏览器中打开这个地址查看应用。 高德地图API是实现轨迹回放的关键。它提供了丰富的地图...
npm start 修改启动端口的不同方式
热门推荐
小迷糊的专栏
05-10 6万+
antd的启动配置文件基于package.json文件，配合roadhog使用时，启动配置是： "scripts": { "start": "roadhog server", "build": "roadhog build", "lint": "eslint --ext .js src test", "precommit": "npm run lint" },
【npm】npm start 修改启动端口的不同方式
Java Learning
11-24 1万+
antd的启动配置文件基于package.json文件，配合roadhog使用时，启动配置是： "scripts": { "start": "roadhog server", "build": "roadhog build", "lint": "eslint --ext .js src test", "precommit": "npm run lint" }, 这样默认
npm start 端口修改(window系统环境下)
month_ss_815的博客
04-24 3379
如下步骤，window系统进入到运行环境下，cmd运行关闭，如下命令自动失效set PORT=8081 npm start          
npm run serve 启动vue项目时 报错 throw er Unhandled “error” event
爱菇凉的博客
05-27 1038
原由： npm run serve 启动vue项目时，报错 throw er; // Unhandled ‘error’ event； 纳闷了昨天下午下班时都是没有问题的,除了问题就解决呗！ 解决方案： 产生这一问题的原因有两个： 1.本机端口和设置的ip地址不一致 2.可能是端口被占用 第一种情况的详细解决流程： 我的情况是第一种，更换vue.config.js中的host的值，至此问题完美解决，项目可以重新启动了。 第二种情况的详细解决流程： 1） 通过cmd命令，用该命令netstat -ano|fi
【Vue】a-radio-group单选框数字与字符串回显问题
叶为正的博客
10-08 267
根据后端接口返回数字或字符串，来配置Ant Design of Vue中a-radio-group单选框的回显问题，注意value中的取值是不一样的。
腾讯IM SDK：TUIKit发送多张图片
最新发布
q1003675852的博客
10-09 388
本文记录腾讯IM SDK：TUIKit发送多张图片的实现方法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值