vue的npm run dev和npm run build的区别

`npm run dev` 和 `npm run build` 都是 Vue CLI 中的命令。

`npm run dev` 用于在开发阶段运行项目，它会启动一个开发服务器，监听文件变化并自动构建项目。

`npm run build` 用于在生产环境下构建项目。它会将项目代码编译、压缩和打包，生成可部署的静态文件。

在开发阶段，我们通常使用 `npm run dev` 来启动项目，方便修改代码和调试。而在准备部署到生产环境时，我们需要使用 `npm run build` 来生成可部署的静态文件。

相关问题

vue3 npm run dev修改端口

在 Vue3 中，可以通过在命令行中使用 `--port` 参数来修改 dev 服务器的端口。具体步骤如下：

1. 在命令行中进入你的 Vue3 项目根目录。
2. 运行以下命令来启动 dev 服务器，并将端口修改为你需要的端口：

npm run dev -- --port 8080

这里的 `8080` 是你需要修改的端口号，你可以根据需要进行修改。

3. 等待一会儿，你应该会看到类似如下的输出：

  App running at:
  - Local:   http://localhost:8080/
  - Network: http://xxx.xxx.xxx.xxx:8080/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

这表明你已经成功将端口修改为 `8080`。你可以访问 `http://localhost:8080` 或 `http://xxx.xxx.xxx.xxx:8080` 来访问你的应用程序。

vue npm run build生产环境和测试环境

在Vue项目中，可以使用npm run build命令来进行生产环境和测试环境的打包。具体的配置可以在package.json文件中的scripts字段中找到。根据提供的引用内容，可以执行以下命令来进行打包：

1. 打包生产环境：

npm run build

2. 打包测试环境：

npm run build:dev

执行以上命令后，Vue项目将会根据相应的配置进行打包，生成相应的文件和目录。