vue3 npm run dev 设置端口
时间: 2023-12-23 16:03:45 浏览: 144
可以通过在命令后面添加 `--port` 参数来设置端口,例如:
```
npm run dev -- --port 8080
```
这将会把端口设置为 8080。注意命令中的第二个 `--` 是必需的,因为它表示将剩余的参数传递给 `npm run` 而不是传递给 `vue-cli-service`。
相关问题
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 端口。
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` 来访问你的应用程序。
阅读全文