本地运行vue.js项目,如何更改调试的默认端口?
运行本地vue.js项目,如何更改调试的默认端口?
- 之前学会了安装和使用
node.js
、npm
、cnpm
、webpack
等相关的一些知识和技巧,- 但是在搭建
vue.js
框架,进行开发的时候,会发现在进行浏览器测试的时候,会出现localhost:8080
端口被占用的问题。
如何自定义变更调试的端口号?
这就是此篇博客的写作目的,一是备份,二是能在以后的开发中有经验型参考和依据,三是能作为奠基石,为“港大小白”
抛砖引玉。
言归正传,其实这个问题解决起来并没有想象的那么费劲。
注意: 默认端口:8080;
例如: 变更 端口号8080 为8081;
下面先截图说明一下,截图参考如下:
具体操作步骤:
1. 首先,根据上图中的本地路径,找出对应的文件C:\个人\vuejs\firstvue\config\index.js
;
2. 其次,找到上述对应的红色标记代码,直接修改端口号为8081,即可完,8080默认端口的更改;
3. 然后,就是按照老方法,通过cmd指定,本地热启动本地对应的项目即可;
4. 最后一步,打开浏览器,输入localhost:8081
,即可查看到IP地址栏确实已被更改端口号为8081。
注意:最后一步有时候会在你执行cmd命令之后自动执行,而不用自己手动输入
localhost:8081
.
相关文章参考:
序号 | 文章标题 |
---|---|
1 | 如何进行 node.js 的 安装与卸载 |
2 | 如何进行 Vue.js 框架的安装? |
3 | 如何安装多个vue.js项目? |
4 | 关于node.js 和vue.js的安装、卸载、浏览器测试问题? |
以便于获取更多资源分享,请点击关注博主
,后期重要内容恕不直接发布,欢迎留言和评论,将第一时间回复。
以上就是关于“本地运行vue.js项目,如何更改调试的默认端口?”的全部内容。
本地运行vue.js项目,如何更改调试的默认端口?相关推荐
- vue.js项目中配置mapbox可视化地图api
1. 本地创建vue.js项目 cmd或者terminal中运行下面的命令开出vue project manager,之后按照所需要配置创建vue.js项目 vue ui 2. 在mapbox官网上申 ...
- 本地如何安装运行多个vue.js项目?
如何安装多个vue.js项目? 在研究vue.js框架的时候,往往会从网站上搜一些别人已经写好的vue小项目,然后安装到本地,运行,查看浏览器的UI界面和功能效果. 本文着重讲解一下,如何安装已经下载 ...
- vue怎么运行html,怎样运行一个vue.js项目
怎样运行一个vue.js项目? 下载并安装node,安装过程很简单,一路"下一步"就可以了,安装完成之后,打开命令行工具,输入 node -v,如下图,如果出现相应的版本号,则说明 ...
- 用vscode实现vue.js项目的一个完整过程
1.新建项目 打开Visual studio code 打开一个你想要创建项目的文件夹 打开集成终端:查看 –> 集成终端 或者直接按 ctrl+` 如果没有安装vue-cli,在终端输入: n ...
- 宝塔面板部署nuxt_MacOS下创建及部署vue.js项目(及Nuxt.js、PM2等相关流程)
开发环境 权限准备 为避免后续流程出现权限不足的相关提示,首先在终端中输入以下代码检查当前系统是否已开启了对系统文件夹的保护: csrutil status 若结果为csrutil enabled,则 ...
- vue.js项目实战运用篇之抖音视频APP-第二节:项目基础架构搭建
[温馨提示]:若想了解更多关于本次项目实战内容,可转至vue.js项目实战运用篇之抖音视频APP-项目规划中进一步了解项目规划. [项目地址] 项目采用Git进行管理,最终项目将会发布到GitHub中 ...
- 基于vue-cli搭建VUE.js项目
基于vue-cli搭建VUE.js项目 准备工作 开始安装 搭建工程 目录结构 搞定!! 准备工作 1.node.js 2.vue-cli 3.webpack 开始安装 Node.js 点击去下载No ...
- 本地运行vue dist文件
vue打包命令 npm run build 运行这个命令会在目录中生成一个dist文件夹 在服务器部署vue项目只需要把这个文件夹给后台就可以了 但是打包之后我们需要在本地先自测一下,下面就是踩过的一 ...
- vue.js项目实战运用篇之抖音视频APP-第一节:项目环境搭建
[温馨提示]:若想了解更多关于本次项目实战内容,可转至vue.js项目实战运用篇之抖音视频APP-项目规划中进一步了解项目规划. [项目地址] 项目采用Git进行管理,最终项目将会发布到GitHub中 ...
最新文章
- 欢迎进入 K同学啊 的博客目录(全站式导航)
- Python代码规范之简明概述
- 练习4.4、4.5、4.6、4.7
- java类名与文件名_为什么Java文件名必须与公共类名相同?
- java 正则表达式 中文数字和字母_Java中过滤出字母、数字和中文的正则表达式...
- SQL service
- 使用超时加锁:pthread_mutex_timedlock
- (转)爆款游戏推动硬件普及,5G 促进 VR 产业规模化运用
- 华为网络设备SSH连接
- FLV格式文件如何转换成MP4格式
- 国内优秀的PHP商城系统整理
- 企业微信会员运营 打破传统营销方式开启全渠道会员营销新模式
- windows消息大全
- Oracle查询用户权限角色(dba_sys_privs)
- 360卫士通知盒子和红包助手的实现原理(NotificationListenerService)
- 网络环境下自主学习的诱惑
- JavaScript冷门知识
- 世界经典英语广告词欣赏
- matlab做pca程序,PCA 程序代码 matlab版
- 华为OLT链路模板映射VLAN数问题
热门文章
- 2019年,ALEXA将会走向何方?
- 缓存层设计套路(一)
- 推荐两款 GTD 工具
- 详解CorelDRAW中如何合并与拆分对象
- C++:流类库与输入输出
- LINUX的简单命令
- linux 压缩为多个文件,在Linux中,如何将输入流压缩为多个输出文件?
- mysql ini配置文件分组排序_MySQL配置文件mysql.ini参数详解
- 信息学奥赛一本通 2029:【例4.15】水仙花数
- 信息学奥赛一本通 1138:将字符串中的小写字母转换成大写字母 | OpenJudge NOI 1.7 13