Vue中npm run dev 和 npm run serve区别

在Vue中，`npm run dev`和`npm run serve`是两个常用的命令，它们的区别如下：

1. `npm run dev`：这个命令是在开发环境下运行Vue应用。它会启动一个开发服务器，并在代码发生变化时自动重新构建和刷新页面。这个命令通常用于开发阶段，方便开发人员实时预览和调试应用。

2. `npm run serve`：这个命令也是在开发环境下运行Vue应用，与`npm run dev`相似。不过，与`npm run dev`不同的是，`npm run serve`命令不会执行额外的构建步骤，而是直接从已经构建好的文件中提供静态服务。这个命令适用于在开发阶段中，希望查看最终构建结果或者与其他后端服务集成的情况。

总结起来，`npm run dev`会在运行时进行动态构建和热更新，而`npm run serve`则是直接提供已经构建好的静态资源。在大多数情况下，你可以使用其中任意一个进行开发，具体使用哪个取决于你的需求和偏好。

相关问题

vue3 npm run dev 端口5173

如果你想在本地运行一个Vue 3项目，并且希望它在5173端口上运行，可以执行以下步骤：

1. 打开终端或命令行界面，进入你的Vue 3项目的根目录。
2. 确认你已经安装了Node.js和npm。
3. 输入以下命令：`npm install`，等待依赖包下载完成。
4. 输入以下命令：`npm run dev`，等待项目启动完成。
5. 打开你的浏览器，访问 `http://localhost:5173`，你应该能够看到你的Vue 3项目的首页。

请注意，如果5173端口已经被占用，你需要修改端口号。你可以在你的Vue 3项目的根目录下的 `package.json` 文件中找到 `scripts` 属性，修改其中的 `dev` 命令，将端口号修改为你想要的端口号。例如，如果你想将端口号修改为8080，你需要将 `dev` 命令修改为`vue-cli-service serve --port 8080`。

vue3 npm run dev 设置端口几种方式

在 Vue3 中，你可以通过以下几种方式设置端口：

1. 在 `package.json` 文件中添加如下命令：

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

然后在终端运行 `npm run dev` 即可使用 8080 端口。

2. 在命令行中使用 `--port` 参数指定端口号：

   vue-cli-service serve --port 8080

3. 在项目的 `vue.config.js` 文件中添加如下配置：

   module.exports = {
     devServer: {
       port: 8080
     }
   }

这样在运行 `npm run dev` 时，Vue CLI 会读取 `vue.config.js` 文件中的配置并使用 8080 端口。