VScode开启本地服务器及本地调试

本地服务器调试指南
最新推荐文章于 2025-10-12 11:14:11 发布
原创 最新推荐文章于 2025-10-12 11:14:11 发布 · 1.5k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍如何使用Debugger for Chrome插件及live-server包开启本地服务器进行调试。首先，通过商店安装Debugger for Chrome，然后使用npm全局安装live-server。在终端运行live-server启动服务，最后在浏览器输入http://127.0.0.1:8080访问本地页面。通过配置文件路径和调试选项，轻松实现本地页面调试。

开启本地服务器

1.在商店里找到Debugger for Chrome这个插件，点击安装
在这里插入图片描述
2.用npm安装一个包来开启本地服务器

npm install -g live-server

3.在终端输入：live-server 会出现下面的信息
在这里插入图片描述
4.在浏览器输入http://127.0.0.1:8080，即可打开页面如下所示
在这里插入图片描述

本地调试

1.按照步骤操作如下

在这里插入图片描述
打开如下文件
在这里插入图片描述
2.配置打开文件路径
在这里插入图片描述
3.下拉选择调试项，点击调试按钮即可弹出页面
在这里插入图片描述

VScode 本地调试和开启本地服务器
小白
12-09 6907
1.本地调试 1、首先在VSCode 上装一个插件：Debugger for Chrome 点击安装 2、配置文件，找到launch.json文件，在里面添加配置信息 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configuration
vscode本地docker gdb调试python
m0_52835296的博客
04-22 873
vscode利用docker环境debug python
VSCode启动本地服务器
leo_v_l的博客
05-09 1993
VSCode启动本地服务器 终端输入： live-server
手机编程开发利器：Termux 安装 VS code server 及中文包，只要一个浏览器就能随身写代码
最新发布
u010912615的博客
10-12 1321
本文介绍了在Termux上安装VS Code服务器(code-server)并配置中文语言包的方法。首先通过官方命令安装code-server，修改配置文件实现局域网访问。针对Android环境导致插件无法安装的问题，提供了手动下载.vsix文件并安装的解决方案，详细说明了中文语言包的安装步骤。文章还介绍了设置自启动服务的命令，并推荐在Termux中安装Linux系统后使用deb包安装code-server以获得更好的插件兼容性。通过浏览器即可实现移动端代码编写，方便开发者随时随地进行编程工作。
VSCode怎么开启本地服务器
qq_40948117的博客
02-13 1334
1、使用快捷键ctrl+`弹出终端输入命令npm install g live-server 2、直接输入命令live server即可
vscode 启一个本地服务
Hocen_Jonin的博客
03-19 533
consthttp=require("http"), fs=require("fs"), path=require("path"), url=require("url"); varroot=path.resolve(); varsever=http.createServer(function(request,response){ varpathname=url.parse(request.url).pathna...
vscode开启服务器
杨梦飞
03-07 4934
1.运行cnpm install live-server -gf 2.在运行live-server 3.手机端运行要改Ip
vscode：连接服务器进行远程开发调试
hhd1988的专栏
09-19 1732
vscode：连接服务器进行远程开发调试
vscode链接本地服务器
07-27
要在VS Code中连接到本地服务器，您可以使用远程开发扩展。请按照以下步骤操作： 1. 在VS Code中安装"Remote - SSH"扩展。可以通过按下`Ctrl+Shift+X`打开扩展面板，然后搜索并安装"Remote - SSH"扩展。 2. 在VS ...
VSCODE搭建本地服务器--运行ajax
Free_Ya的博客
04-05 2170
前言: 最近学习jq中，涉及AJAX的知识点，在使用VSCODE运行的时候，总是报错。后来才知道是需要搭配本地服务器才可运行。故写下该文章。 首先我们需要安装 live sever，看下图教程: 在这里输入 live server 下载并安装 接着我们需要打开控制台： 好了，相信看到这里，你一定会根据网上查找的命令进行使用，结果发现还是配置不成功。那么让我我们在输入命令前，做一些准备工作： 1.把vscode设置成管理员身份运行 2.把powershell以管理员身份启动并配合命令进行设置
VScode怎么开启本地服务器及本地调试？
盏茶作酒的博客
07-16 8794
初入职场，接触不少新鲜的东西，从最初入门的工具是HBuilder，到现在逐渐熟悉的vscode，想记录下自己的成长，不想一边学着，一边忘着。想把自己接触到的东西都记录下来吧。有需要的小伙伴，也可以参考~ 今天因为一些原因呢，要开启本地调试，以前用HBuilder打开本地的文件，你会发现文件的路径前面就会有localhost：端口号/路径名，HBuilder会自动开启本地服务，但是用vscode直接打开本地文件，你会发现它的路径是这个样子的： 然而，我又不想再重新装回HBuilder,于是我去百度自学
vscode-live-server：为静态和动态页面启动具有实时重新加载功能的开发本地服务器
02-06
[要尝试使用 （BETA）吗？ 它将启用实时更改，而无需保存文件。 ] 实时服务器 Live Server喜欢 :heart_with_arrow: 您的多根工作区 服务器端页面（如PHP）的Live Server。 [针对“找不到命令错误” ] 启动具有实时重新加载功能的本地开发服务器，以处理静态和动态页面。 启动/停止服务器的快捷方式 [注意：如果您的工作区中没有任何.html或.htm文件，则必须遵循方法4和5来启动服务器。 打开一个项目，然后从状态栏中单击Go Live启用”以打开/关闭服务器。 右键单击资源管理器窗口中的HTML文件，然后单击“ Open with Live Server 。 。 打开
在VS Code中打开本地服务器
qq_42109746的博客
04-09 1584
一、安装Node.js 1.下载对应系统的Node.js版本:https://nodejs.org/en/download/ 2.下载完成之后双击node-vXXX.msi进行安装（XXX代表Node.js的版本），使用默认的安装即可，会自动将node的环境添加到系统变量，也可以根据需要自行选择node的安装路径。 3.测试 在终端中执行node -v查看是否成功安装，如果能成功显示...
vs-code开启本地服务器
weixin_45708915的博客
11-16 586
首先在vs code上安装一个插件 配置好之后，点击Go Live，就会以服务器模式打开页面 快捷键 快速打开：Ctrl/Cmd + L,Ctrl/Cmd + O
在vs code中进行本地调试和开启本地服务器
热门推荐
感恩、奋进、自信
07-05 5万+
在vs code中进行本地调试1、首先在VSCode 上装一个插件：Debugger for Chrome ，如下图所示：在搜索框中输入Debugger for Chrome 然后点击安装2、配置文件，从左到右依次点击红圈中的按钮，然后出现launch.json文件，在里面添加配置信息配置信息如下：{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性...
vscode开启本地服务
weixin_30722589的博客
07-24 4628
1.安装Debugger for Chrome插件 2.使用ctrl+`快捷键打开终端，然后输入npm install -g live-server 3.在命令行里输入 live-server即可 转载于:https://www.cnblogs.com/miaSlady/p/11235984.html...
vscode 实现本地服务器部署小结
sinat_33255495的博客
05-09 1161
在查阅 MDN 网站的时候，偶然发现的原来 vscode 也可以实现本地化服务器部署，来模拟服务器的运行。
vscode命令行起本地服务，可发送http请求
baiqiangdoudou的博客
03-13 2836
在我们vscode中默认打开的是file协议，但是往往我们会有ajax等请求，需要发送http等其他协议，所以我们需要搭起本地服务器： 1：cd 进去到文件位置，运行 npm -v 会出现版本号 2：npm install -g live server 如果npm install -g live-server安装报错就用npm install live-server -gf安装 3：直接 li...
在vsCode中 开启本地服务器
黎成诃月的博客
11-07 1356
在vs code中进行本地调试 1、首先在VSCode 上装一个插件：Debugger for Chrome ，如下图所示：在搜索框中输入Debugger for Chrome 然后点击安装 2、配置文件，从左到右依次点击红圈中的按钮，然后出现launch.json文件，在里面添加配置信息 配置信息如下： { // 使用 IntelliSense 了解相关属性。 // 悬停以...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值