npm run dev 启动vue的时候指定端口

作者：System 时间：2024年08月07日分类：所有,vue.js 字数：480

这篇文章距离上次修改已过204天，其中的内容可能已经有所变动。

在Vue项目中，如果你想在启动开发服务器时指定一个特定的端口，你可以通过修改项目根目录下的package.json文件中的scripts部分来实现。

例如，如果你想要指定端口为3000，你可以修改npm run dev对应的命令，添加--port参数：




"scripts": {
  "dev": "vue-cli-service serve --port 3000"
}

这样，每次运行npm run dev时，Vue开发服务器就会在端口3000上启动。

如果你想让端口是一个动态的变量，可以在命令中使用环境变量，如下：




"scripts": {
  "dev": "vue-cli-service serve --port $PORT"
}

然后，在启动时通过设置环境变量来指定端口：




$ PORT=4000 npm run dev

这样，你就可以通过指定PORT环境变量的值来改变启动端口。