首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

vscode实时服务器端口设置不起作用,并且总是在localhost:8081中打开

问题描述: 在使用VSCode的实时服务器功能时,设置端口无效,总是在localhost:8081中打开。

回答: VSCode的实时服务器是一种用于在本地开发环境中实时预览和调试网页的功能。在默认情况下,实时服务器会使用localhost:8080作为默认端口。然而,有时候我们希望使用其他端口来访问实时服务器,但是设置端口后却发现无效,总是在localhost:8081中打开。

解决方法:

  1. 确保没有其他程序占用了设置的端口。可以通过在命令行中运行netstat -ano | findstr <端口号>来检查端口是否被占用。如果端口被占用,可以尝试使用其他未被占用的端口。
  2. 检查VSCode的设置。在VSCode的设置中,搜索"liveServer.settings.port",确保设置的端口号与期望的端口号一致。如果不一致,可以手动修改该设置。
  3. 检查项目中的配置文件。有些项目可能会有自己的配置文件,例如.vscode/settings.json.env文件,其中可能包含有关实时服务器端口的设置。检查这些文件,确保设置的端口号正确。
  4. 确保没有其他插件干扰。有时候其他插件可能会干扰实时服务器的端口设置。可以尝试禁用其他插件,然后重新启动VSCode,看看问题是否解决。

如果以上方法都无效,可能是由于其他未知原因导致的问题。可以尝试重新安装VSCode或者更新到最新版本,或者在VSCode的官方社区中寻求帮助。

推荐的腾讯云相关产品: 腾讯云提供了丰富的云计算产品和解决方案,以下是一些与云计算相关的产品:

  1. 云服务器(CVM):提供弹性的云服务器实例,可根据需求快速创建、部署和扩展虚拟服务器。了解更多:云服务器
  2. 云数据库 MySQL 版(CDB):提供高性能、可扩展的云数据库服务,支持自动备份、容灾和监控。了解更多:云数据库 MySQL 版
  3. 云存储(COS):提供安全可靠的对象存储服务,适用于存储和处理各种类型的数据。了解更多:云存储
  4. 人工智能平台(AI):提供丰富的人工智能服务和工具,包括图像识别、语音识别、自然语言处理等。了解更多:人工智能平台

请注意,以上推荐的产品仅代表腾讯云的一部分云计算产品,更多产品和解决方案可在腾讯云官网上查看。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 一文带你入门微信云托管

    微信云托管支持目前绝大多数语言/框架项目,开发者可以从服务器平滑迁移;并且微信云托管的自动运维和扩缩容特性,无需开发者关心服务的可用性,专注于业务,极大节省人力和服务资源成本。...cd nest-app && npm run start打开浏览器访问 http://localhost:3000,即可在本地完成 Nest.js 示例项目的访问。新建服务??...调试过程中因需要获取微信信息,会使用云托管 CLI Key,因此需在 VSCode 插件配置填入小程序 appid 和 cli key,点击插件面板的 ⚙ 图标打开配置:??...本地docker实时调试通过微信云托管 VSCode 插件,可以实现实时开发,即代码变动时,不需要重新构建和启动容器,即可查看变动后的效果。选择 Live Coding?...9000ports:  - 27081:9000 # 监听端口,主机端口:容器端口 修改为koa服务端口实时开发使用项目目录下的 Dockerfile.development# Dockerfile.development

    4.8K102

    前端开发必备的 VSCode 插件推荐(第一期)

    本篇文章我将为大家推荐几款前端开发必备的 VSCode 插件,这些插件可以帮助你在日常工作中获得更好的开发体验。...插件推荐 Live Server(Five Server) 这是一款十分轻量的本地服务器插件,你可以用这个插件,很轻松的在当前目录下,启动一个本地 ip + 特定端口号的服务器,方便用于网页预览和调试。...安装完成后,最好重启下 VSCode,这样确保插件生效。 打开一个 html 编辑窗口,然后点击下方的 Go Live按钮,即可启动本地服务器并且用默认浏览器打开预览。...当你修改了 html 页面后,浏览器对应的预览效果也会实时更新,这点非常棒!这样就不需要你反复刷新浏览器了。...插件默认的端口号是 5500,如果你担心会跟你本地前端项目或服务的端口号冲突,你可以在设置中修改特定的端口号,也可以设置随机端口号(0 就是随机)。

    34630

    H5 游戏开发 2:搭建 Egret 开发环境

    使用 VSCode 代替 Egret Wing 打开 Egret Wing 后,你会发现它的界面和 VSCode 十分相似,事实上 Wing 是在 VSCode 基础之上定制而来。...2.1 命令行自动编译 使用 VSCode 打开项目目录后,借助 Egret 命令行我们可以方便的实现项目的自动编译。...补充:使用 port 参数能改变项目的监听端口(默认为 3000),使用serverOnly 参数能禁用打开 Chrome 浏览器的默认行为。...你可以通过 Whistle Rules 自定义这个域名,或者直接将其删除,使用默认的局域网 IP 端口访问方式。...以上配置完成后,当你在 VSCode 中修改游戏代码时,egret run -a 进程会实时监听项目文件的变化,自动编译新的代码到项目的 bin-debug 目录。

    5K60

    C++搭建集群聊天室(三):配置远程代码编辑神器 VScode

    2、检查ssh是否已安装,命令:netstat -tanp 看看有没有一个sshd服务监听在22端口,如果没有,就在远程主机安装 ssh 服务,百度一下教程不少,问题不大。...4、安装好之后重启 vscode,会看到有一个电脑的标出现: 点电脑,选择 SSH Target,然后点设置打开: 默认选第一个文件就好,打开: Host localhost HostName...wlf@localhost ~]$ // @和~之间那个就是主机名 填好之后,你可以把这个文件关掉,保存好。一般这会儿Linux系统是打开好了的吧。...方案二: 把服务器端的vscode-server删掉,如下: $ rm -rf ~/.vscode-server 具体哪个管用不知道,都试试,我这次是方案一管用,下次不知道管不管用。...---- 6、打开文件夹: 打开之后: 7、可以新建一个文件,摸索一下,那几个英文也不难看懂。

    65620

    VsCode 各场景高级调试技巧,有用!

    创建一个基本的node项目为Nodejs 打开左侧调试面板,选择你要调试的node项目名称,添加调试配置 image.png 选择调试的项目类型为Node.js image.png 打开生成的.vscode...image.png image.png 补充知识点:监听面板介绍 可以将变量添加到监听面板,实时观察变量的变化。...补充知识点:调试服务器打开一个URI 开发 Web 程序通常需要在 Web 浏览器中打开特定 URL,以便在调试器中访问服务器代码。...:%s", "action": "openExternally" } } 复制代码 pattern是设置匹配的程度端口号,端口号放在小括号内,即作为一个正则的捕获组使用。...在状态栏选择typescript的图标,选择版本切换 image.png 选择你需要的版本即可 image.png image.png 调试html项目 学会了上述ts的调试后,我们尝试调试html文件,并且

    1.2K20

    分享 10 多条超有用的 VsCode 各场景高级调试技巧

    创建一个基本的node项目为Nodejs 打开左侧调试面板,选择你要调试的node项目名称,添加调试配置 image.png 选择调试的项目类型为Node.js image.png 打开生成的.vscode...image.png image.png 补充知识点:监听面板介绍 可以将变量添加到监听面板,实时观察变量的变化。...补充知识点:调试服务器打开一个URI 开发 Web 程序通常需要在 Web 浏览器中打开特定 URL,以便在调试器中访问服务器代码。...:%s", "action": "openExternally" } } 复制代码 pattern是设置匹配的程度端口号,端口号放在小括号内,即作为一个正则的捕获组使用。...在状态栏选择typescript的图标,选择版本切换 image.png 选择你需要的版本即可 image.png image.png 调试html项目 学会了上述ts的调试后,我们尝试调试html文件,并且

    1.8K40

    Angular 工具篇之VSCode调试

    —— 老师是这个世界上唯一一个与你的孩子没有血缘关系,却愿意因您的孩子进步而高兴,退步而着急,满怀期待,助其成才,舍小家顾大家并且无怨无悔的人代表孩子祝老师们节日快乐 ,老师们辛苦了!...] } 其中 url 是 Angular 应用程序的地址,通常情况下,在开发阶段我们会使用 Angular CLI 来辅助开发,使用 Angular CLI 我们可以运行以下命令来启动本地服务器...: $ ng serve 因为该服务器的默认端口是 4200,所以我们需要更新一下 launch.json 文件中默认的 url 配置: "url": "http://localhost:4200" 最后我们就可以进入调试面板...上面我们已经介绍如何使用 VSCode 和 Chrome 调试 Angular 应用程序。其实除了 Chrome 浏览器之外,在 VSCode 中我们也可以使用 Firefox 或 Edge 浏览器。...因为我们已经配置过 Debugger for Chrome,所以要配置 Debugger for Firefox 和 Debugger for Edge 扩展时,我们只需打开 .vscode 目录下的

    1.9K10

    推荐一款全能测试开发神器!1分钟快速上手!

    并且对于一些复杂的开发测试场景,也很难得到满足。 今天就给大家推荐一款测试开发神器:Mockoon, 它采用的是非侵入式,能够实时修改返回结果。 2....另外在最上面我可以配置运行的 host 和 port,然后左上角还有一个运行按钮,一点就相当于启动了 Server 了,启动之后按钮就会变成红色,再按一下就会停止,比如这里我就配置了运行在本地 3000 端口...Mockoon进阶使用 有时,您可能只需要模拟API的一部分,然后将其余部分转发到现有的REST服务器。幸运的是,您可以使用Mockoon做到这一点 通过单击右上角的齿轮来打开环境设置: ?...Mockoon将拦截所有已定义的路由,并将任何其他请求转发到代理模式设置中定义的服务器。...2、将www.cnblogs.com域名所有请求转发到localhost:3000上 ?

    89310

    Vue解决axios跨域--代理服务器解决

    (非官方,使用少,利用script标签进行跨域)只支持GET请求 CORS(Cross-Origin Resource Sharing)技术,需要后端设置http首部字节 。...5000/students发请求,使用代理服务器:下图就是一个代理服务器的图,vue-cli脚手架会打开会配置一个服务器在本机的 8080 端口,所以我们打开的页面就是8080端口的出现了跨域问题,是因为我们要去给...5000 端口发送请求,根据同源策略,浏览器会报错 所以我们需要一个代理服务器来处理,且代理服务器和网页的协议、域名、端口号是一样(即需要满足同源策略),网页与服务器间才会有同源策略,我们设置的代理服务器解决了同源策略...,由于服务器服务器之间没有跨域问题,所以跨域问题就解决了 流程:8080端口下的网页发请求 -> 8080端口代理服务器接收代理到(解决跨域) -> 5050端口服务器响应请求...响应服务器 proxy: 'http://localhost:5000' }, } 我们使用axios库,下载该库打开vscode终端 ==

    21810

    VS code 插件配置手册

    GDB远程调试配置 打开项目到工作区, 打开侧栏的“调试”界面->点击“设置”按钮,选择C++(GDB/LLDB)选项: ? ?...": "addr:port", // 要远程调试的地址,IP地址:端口号 "debugServerArgs": "args", // 调试器服务器的参数...,运行gdbserver打开要调试的程序: gdbserver localhost:port bin文件路径(与launch.json文件配置路径相同) 如: gdbserver localhost:2333...环境配置 在本地端的配置 右键点击“Remote VSCode插件”->“配置扩展设置”,在设置页面设置相应参数: Remote:Host(本地IP地址)设置为:127.0.0.1 Remote:Port...(本地通信端口设置为:52698 Remote:Onstartup(插件自启动)设置为:false Remote:Dont Show Port Already In Use Error(端口正在使用时不报错

    3.4K20

    VSCode 的 Remote Development 与 Docker 插件

    使用 Remote - WSL如果你使用的是 Windows 系统,并且主机上安装了 Linux 子系统,比如:那么在选择 WSL Targets 时,自然会看到可以连接的子系统:当 VSCode 窗口弹出后...、端口和密钥,设置完成后,在 SSH Targets 选项下,就会看到设置好的 Host 可以选择:端口转发在使用 VSCode 远程开发时,如果运行了一些服务,通常会帮你自动做好端口转发,这样就能直接通过...localhost 访问到。...当然,你也可以自己添加,并自定义要绑定的端口,只需右键点击已生成的端口转发选择 Change Local Port 即可:你可能还会有一个问题:如果是想要远程到远程主机中的容器内呢?...这个问题很好解决,其实就是先远程到 SSH 主机,然后在弹出的 VSCode 窗口下继续远程到容器中:只是在这个过程,可能在第二次打开容器时会等待比较长的时间,但等到窗口完全打开后,我在开发过程中并没有感到不便

    7210

    推荐一款全能组合测试开发神器:Mockoon+LightProxy

    并且对于一些复杂的开发测试场景,也很难得到满足。 今天就给大家推荐一款测试开发神器:Mockoon, 它采用的是非侵入式,能够实时修改返回结果。 2....另外在最上面我可以配置运行的 host 和 port,然后左上角还有一个运行按钮,一点就相当于启动了 Server 了,启动之后按钮就会变成红色,再按一下就会停止,比如这里我就配置了运行在本地 3000 端口...幸运的是,您可以使用Mockoon做到这一点 通过单击右上角的齿轮来打开环境设置: [008eGmZEgy1gow838tj3bj30u00f275a.jpg] 启用代理模式,然后输入要将转发到的服务器...在环境名称的右侧应出现一个小的盾牌图标,指示已启用代理模式: [008eGmZEgy1gow83ocyvoj30u00dut9s.jpg] Mockoon将拦截所有已定义的路由,并将任何其他请求转发到代理模式设置中定义的服务器.../users,也同样会转发到localhost:3000上。

    1.9K70

    几种常见的跨域解决方法

    axios.get('http://127.0.0.1:8080')复制代码打开控制台发现报了跨域的错误(这里说明一下,5500端口vscode的一个插件搭建的服务器)然后我们利用jsonp来让浏览器可以正常的接收到服务器返回的数据...当然最好不要设置通配符,还是和前后端一起配合协商比较好,比如我们这个简单例子就可以把通配符改成5500这个源。当然,不止这么简单设置一下就好了。...当请求存在跨域资源共享(CORS)并且是非简单请求,就会触发CORS的预检请求,预检请求用的请求方法是OPTIONS。...,端口5000")})复制代码这里的3000端口是express框架,问我为啥5000不也用express框架写,那就是懒得写,因为5000端口是之前写的,我直接拿来用了//3000端口服务器const...日常工作中,用得比较多的跨域方案是cors和Proxy代理服务器,Proxy主要就是利用同源策略对服务器不起作用

    1.6K60
    领券