vue3 vite项目中如何修改默认启动端口?
时间: 2024-02-05 08:03:04 浏览: 335
在 Vue 3 + Vite 项目中,可以通过在项目根目录下创建一个 `vite.config.js` 文件,然后在该文件中配置 `server` 选项来修改默认启动端口。具体操作步骤如下:
1. 在项目根目录下创建一个 `vite.config.js` 文件。
2. 在 `vite.config.js` 文件中,配置 `server` 选项,例如将端口修改为 8080:
```js
module.exports = {
server: {
port: 8080
}
}
```
在上面的配置中,`port` 选项表示要启动的端口号。
3. 保存 `vite.config.js` 文件。然后在控制台中运行以下命令启动项目:
```bash
npm run dev
```
或者
```bash
yarn dev
```
这样,项目就会在你指定的端口号上启动了。
需要注意的是,如果你使用的是 Vue CLI 创建的项目,那么可以在 `package.json` 文件中的 `scripts` 部分,将 `vue-cli-service serve` 命令改为 `vite` 命令,例如:
```json
{
"scripts": {
"dev": "vite",
"build": "vue-cli-service build"
}
}
```
这样,运行 `npm run dev` 或 `yarn dev` 命令时,就会使用 Vite 作为开发服务器,从而可以配置 `vite.config.js` 文件来修改默认启动端口。
阅读全文