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

目录
  • vue-cli3.0修改端口号
    • package.json文件下修改 --port
    • vue.config.js文件下修改
  • 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 验证
}

运行项目即可

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

赞 (0)

相关推荐

  • vue-cli3 设置端口号(81)无效的解决

    vue-cli3 设置端口号(81)无效的解决

    目录 vue-cli3 设置端口号(81)无效 vue-cli3.0怎么修改端口 vue-cli3 设置端口号(81)无效 用vue-cli3创建的项目端口号从8080开始,被占用依次加1,也就是说8080用不了用8081,8081用不了用8082以此类推 哈哈,因为要登陆,不喜欢输入,所以呢就会用浏览器记住密码的功能,端口号一变就郁闷了,还有浏览器记住地址的功能,有时候需要输入较长的链接,而我们公司的后端就是8080端口 到这里,只能说一个难受: 所以我必须设置一个固定的端口,嗯,81是我喜欢

  • 深入浅析vue-cli@3.0 使用及配置说明

    使用vue-cli3已经有相当一段时间了,一直没怎么去注意其中的配置,所以趁着这段时间总结下应用过程中的一些经验,本文是从安装到开发使用的一个过程讲解,也可以说是新手向的文章,文字有点多,请耐心观看. (一)安装: 1.下载安装node: 登陆node官网并选择自己合适的node版本进行安装: 2.安装vue-cli脚手架工具 npm install -g @vue/cli # OR # 推荐使用 npm install -g yarn # 如果已有安装,此步骤不需要 yarn global a

  • Vue修改项目启动端口号方法

    在项目的package.json中可以找到如下代码 start属性指定的文件就是通过开发模式启动的服务文件 "scripts": { "dev": "node build/dev-server.js", "start": "node build/dev-server.js", "build": "node build/build.js", "lint&quo

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

    目录 vue-cli3.0修改端口号 package.json文件下修改 --port vue.config.js文件下修改 vue-cli3.0设置指定端口号运行 vue-cli3.0修改端口号 package.json文件下修改 --port "scripts": {    "serve": "vue-cli-service serve --port 9001",  } vue.config.js文件下修改 module.exports =

  • vue cli3.0打包上线静态资源找不到路径的解决操作

    项目中遇到打包之后静态资源路径找不到,报如下错误: 解决方法是: 在项目的根目录下创建vue.config,js文件,在里面配置静态资源的路径,publicPath是配置静态资源路径的属性,vue.config,js文件的代码如下: module.exports = { publicPath: './' } 补充知识:vue-cli3 npm run build 打包后静态资源的配置 vue.config.js的配置 vue.config.js配置如下: const path = require

  • vue.js如何更改默认端口号8080为指定端口的方法

    本文介绍了vue.js如何更改默认端口号8080为指定端口,分享给大家,希望此文章对各位有所帮助. 执行npm run dev实际是在调用根目录下的package.json 打开package.json后可发现有这样一段代码 "scripts": { "dev": "node build/dev-server.js", "build": "node build/build.js", "lint&q

  • Vue CLI3.0中使用jQuery和Bootstrap的方法

    Vue CLI3.0中使用jQuery和Bootstrap的方法

    Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法,但是有时候又要用,所以放上我的引入设置,供大家参考. 在 Vue CLI2.0 中引入 jQuery 和 Bootstrap 需要设置很多配置项,网上有很多方法法,这里不重复写了.直接上 Vue CLI3.0 配置步骤. 第一步:安装 jQuery. Bootstrap.popper.js依赖. 其中popper.js 用于在 Bootstrap 中显示弹窗.提示.下拉菜单,所以需要引入. npm insta

  • Vue cli3.0创建Vue项目的简单过程记录

    Vue cli3.0创建Vue项目的简单过程记录

    创建Vue项目 在要创建项目的文件夹下面打开Powershell窗口 输入命令 vue create 项目名称 选择第二项 回车后 选择是否使用历史路由 no 回车 选择 Less 回车 选择第三个 回车 选择第一个 回车 选择第一个 回车 是否保存模板 选择no 完成啦 完成 总结 到此这篇关于Vue cli3.0创建Vue项目的文章就介绍到这了,更多相关Vue cli3.0创建Vue项目内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

  • vue cli3.0 引入eslint 结合vscode使用

    它的目标是提供一个插件化的javascript代码检测工具.官网地址 最近一个项目里,最开始使用 cli3.0 搭建的时候没有默认选用 eslint ,导致现在有的人使用其他编辑器,就会出现格式错乱的情况.所以引入 eslint 做代码检测 第一步 (安装) npm install eslint eslint-config-airbnb-base eslint-plugin-import eslint-plugin-vue --save-dev 引入关于 eslint 的一些依赖 当你的 pac

  • vue cli3.0结合echarts3.0与地图的使用方法示例

    vue cli3.0结合echarts3.0与地图的使用方法示例

    前言 echarts 提供了直观,交互丰富,可高度个性化定制的数据可视化图表.而vue更合适操纵数据. 最近一直忙着搬家,就没有更新博客,今天抽出空来写一篇关于vue和echarts的博客.下面是结合地图的一个小的echarts demo,我在使用npm的时候对比了echarts和vue-echarts两个依赖,最后决定使用echarts依赖包,因为它更接近原生,使用现实更小,如果对vue生命周期比较了解,那就更容易操作. 下面讲一下做出这样一个echarts图.话不多说了,来一起看看详细的介绍

  • angular-cli修改端口号【angular2】

    找到node_modules/angular-cli/lib/config/schema.json default值就是默认的端口 "serve": { "description": "Properties to be passed to the serve command", "type": "object", "properties": { "port": { &

  • 解决grails服务端口冲突的办法(grails修改端口号)

    启动第二个服务时就会报如下的错误: Server failed to start for port 8080: Address already in use: JVM_Bind (Use --stacktrace to see the full trace) 要解决这个错误,就需要为这个应用定义一个不同的端口就可以. 具体方法如下: 修改BuildConfig.groovy文件: 复制代码 代码如下: grails.server.port.http=9090 这样就为应用定义了一个9090端口的

  • Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)

    今天,我们使用Vue CLI3 做一个移动端适配 . 前言 首先确定你的项目是Vue CLI3版本以上的. 一.移动端适配包 1.安装移动端适配包 npm i lib-flexible -S 2.在 main.js 引入适配包 import Vue from 'vue' import App from './App.vue' import 'lib-flexible' // 引入适配包 Vue.config.productionTip = false new Vue({ render: h =>

随机推荐