本文介绍在 Vue CLI 3.0 项目中修改默认端口号的两种常用方法。第一种是通过修改 package.json 中 scripts 的 serve 命令,添加 --port 参数指定端口;第二种是在项目根目录创建 vue.config.js 文件,配置 devServer.port 属性。这两种方式均可实现指定端口运行项目。
在 Vue CLI 3.0 项目中,有时需要修改默认的端口号以适配特定开发环境或避免端口冲突。
可以通过修改 package.json 文件来指定端口。在 scripts 字段中,找到 serve 命令,并在其后添加 --port 参数,例如设置为 9001。
"scripts": {
"serve": "vue-cli-service serve --port 9001",
}另一种方法是通过 vue.config.js 文件进行配置。在项目根目录下创建或修改该文件,并在 devServer 对象中设置 port 属性。
module.exports = {
devServer: {
port: 9001
}
}以下是 Vue CLI 3.0 中设置指定端口号运行的具体步骤。
首先,在项目根目录下创建 vue.config.js 文件(如果尚未存在)。
module.exports = {
devServer: {
port: 3000, // 端口
},
// lintOnSave: false // 取消 eslint 验证
}完成配置后,运行项目即可使用指定的端口号。
以上为个人经验,希望能给大家一个参考,也希望大家多多支持本站。