vue3项目修改运行时候的端口

在 Vue 3 项目中，你可以修改运行时候的端口，具体操作如下：

1. 打开项目根目录下的 `package.json` 文件，找到 `"scripts"` 对象中的 `"serve"` 属性，该属性用于启动开发服务器。

2. 在 `"serve"` 属性值中添加 `--port` 参数，并指定要使用的端口号。例如，如果要使用 `8080` 端口，可以将 `"serve"` 属性值改为：

   "serve": "vue-cli-service serve --port 8080"

3. 保存 `package.json` 文件。

4. 打开终端或命令行窗口，进入项目根目录。

5. 运行 `npm run serve` 命令启动开发服务器。

6. 浏览器会自动打开 `http://localhost:8080` 网址，如果你修改了端口号，需要修改网址中的端口号。

相关问题

vite创建vue3项目修改默认端口

要在Vite中创建一个Vue 3项目并修改默认端口，您可以按照以下步骤进行操作：

1. 首先，确保您已经安装了最新版本的Node.js和npm。

2. 打开命令行工具，并进入您想要创建项目的目录。

3. 运行以下命令来全局安装Vite：

npm install -g create-vite

4. 等待安装完成后，运行以下命令来创建一个新的Vue 3项目：

create-vite <project-name>

注意：将 `<project-name>` 替换为您想要为项目指定的名称。

5. 进入新创建的项目目录：

cd <project-name>

6. 现在，您可以通过运行以下命令来启动开发服务器：

npm run dev

默认情况下，Vite会使用 localhost:3000 的端口。

7. 要修改默认端口，您可以在项目根目录下创建一个名为 `vite.config.js` 的文件，并将以下内容添加到文件中：

module.exports = {
  server: {
    port: <your-port-number>
  }
}

将 `<your-port-number>` 替换为您想要使用的端口号。

8. 保存并关闭 `vite.config.js` 文件。

9. 重新启动开发服务器，以使更改生效。

现在，您应该能够在指定的端口上访问您的Vue 3项目了。

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` 来访问你的应用程序。