vue-cli3.0如何修改端口号

更新时间：2022年04月02日 11:44:22 作者：..Leo..

这篇文章主要介绍了vue-cli3.0如何修改端口号，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

vue-cli3.0修改端口号

package.json文件下修改 --port

"scripts": {
   "serve": "vue-cli-service serve --port 9001",
 }

vue.config.js文件下修改

module.exports = {
  devServer: {
    port: 9001
  }
}

vue-cli3.0设置指定端口号运行

在项目根目录创建vue.config.js文件

module.exports = {
  devServer: {
    port: 3000, // 端口
  },
  // lintOnSave: false // 取消 eslint 验证
}

运行项目即可

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Ant Design Pro 之 ProTable使用操作
这篇文章主要介绍了Ant Design Pro 之 ProTable使用操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-10-10
vue组件如何被其他项目引用
这篇文章主要为大家详细介绍了vue组件如何被其他项目引用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-04-04
Vue中的基础过渡动画及实现原理解析
这篇文章主要介绍了Vue中的基础过渡动画原理解析,需要的朋友可以参考下
2018-12-12
关于el-table表格组件中插槽scope.row的使用方式
这篇文章主要介绍了关于el-table表格组件中插槽scope.row的使用方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-08-08
Vue中构造数组数据之map和forEach方法实现
数组操作是前端最重要的数据操作，构造数组数据，又是数组操作中很常见的，本文将梳理下map和forEach方法在Vue项目中的使用，感兴趣的朋友跟随小编一起看看吧
2022-09-09
vue 之 css module的使用方法
这篇文章主要介绍了vue 之 css module的使用方法，css module目的为所有类名重新生成类名，有效避开了css权重和类名重复的问题，非常具有实用价值，需要的朋友可以参考下
2018-12-12
$vue依赖包报错问题eslint\lib\cli-engine\cli-engine.js:421$
vue依赖包报错问题eslint\lib\cli-engine\cli-engine.js:421
这篇文章主要介绍了vue依赖包报错问题eslint\lib\cli-engine\cli-engine.js:421,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-08-08
elementui+vue+axios实现文件上传本地服务器
这篇文章主要为大家详细介绍了elementui+vue+axios实现文件上传本地服务器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-08-08
Vue3嵌套路由中使用keep-alive缓存多层的实现
本文介绍了Vue3 嵌套路由中使用 keep-alive缓存多层的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-04-04
详解vue mixins和extends的巧妙用法
vue提供了mixins、extends配置项，最近使用中发现很好用。下面小编通过本文给大家介绍下vue中 mixins和extends的巧妙用法，需要的朋友参考下吧
2017-12-12