vscode Live Server插件基础使用

最新推荐文章于 2024-08-12 08:41:28 发布
最新推荐文章于 2024-08-12 08:41:28 发布
阅读量1.5k 收藏
点赞数
分类专栏： 基础知识 文章标签： vscode html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41924764/article/details/120812173
版权

插件商店直接搜索live 第一个就是
在这里插入图片描述
然后打开项目文件，没有的话就创建一个
快速生成一个html模版
直接输入html就能弹出提示
在这里插入图片描述
然后在项目文件中右键 点击open with live servlet
在这里插入图片描述
就会打开一个127.0.0.1:5500端口运行你的项目文件了

凝聚力安全团队
关注
专栏目录
VSCode（Visual Studio Code）和Chinese、Live Server插件的下载、安装及使用
Satellite_Q的博客
03-21 7791
vscode全称：Visual Studio Code。它是Microsoft公司在美国的一个项目:一个跨平台的源代码编辑器,用于在Mac OS X,Windows和Linux上运行的现代Web和云应用程序。通俗地说,是一款编辑器。vscode集成了现代编辑器应具有的所有功能，包括语法突出显示，可自定义的热键绑定，括号匹配和代码片段集合，该编辑器还具有开箱即用的Git支持。
VSCode Live Server插件失效
qq_41008567的博客
05-18 1万+
VSCode Live Server插件失效 换用Preview on Web Server插件
【VSCode】插件推荐 - Live Server
m0_49239264的博客
06-02 1161
简单易用：您可以通过在VSCode的侧边栏中找到Live Server插件，点击"Go Live"按钮或在HTML文件上右键选择"Open with Live Server"来启动服务。自动刷新功能：当您在VSCode中编辑HTML、CSS或JavaScript文件并保存更改时，Live Server会自动在浏览器中刷新页面，让您立即看到最新的变化。多浏览器支持：Live Server支持在不同的浏览器上运行，您可以在插件设置中指定默认浏览器，甚至可以为不同的项目设置不同的浏览器。
VSCode Live Server 安装与使用教程
最新发布
gitblog_00534的博客
08-12 630
VSCode Live Server 安装与使用教程 vscode-live-serverLaunch a development local Server with live reload feature for static & dynamic pages.项目地址:https://gitcode.com/gh_mirrors/vs/vscode-live-server 1. 项目介绍 VS...
vscode中加入live server插件并在浏览器中展示
Arinck的博客
04-28 958
6.还有一种方法打开浏览器，在代码页面的任何位置右击，如图，选择“Open With Live Server”或者使用快捷键“alt+L ait+O”,也可以打开默认浏览器。5. 打开写好的html代码页面后，可以点击右下角的“Go Live”标识，即可自动打开默认浏览器并运行编写代码，写的过程中要及时保存代码可以实现网页代码的实时预览。2.在搜索框写入圈1“live server ”插件，选择圈2安装。3.等待安装完毕 后。4.安装插件完成后，
vscode怎么使用live server
Amouzy的博客
03-02 4804
步骤： 1.点击左边活动栏最下面的插件按钮 2.在输入框搜索live server插件。（大概输完“live”下面就出现了） 3.安装live server插件 4.此时右下角状态栏会出现“go live” 图解： 像这样子，就可以了： ...
vscode插件live Server
淡淡的芦苇的博客
11-06 2392
live Server 使用vscode默认浏览器（Chrome）打开html文件，js加载文件出现跨域报错： Access to XMLHttpRequest at from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted
vscode liveserver插件
06-02
VSCode Live Server插件是一款非常实用的插件，它可以帮助开发者在本地快速启动一个服务器，实时预览网页。使用该插件可以省去手动刷新浏览器的...总之，VSCode Live Server插件是一款非常实用的工具，值得开发者使用。
vscode live sever 插件问题解决笨方法
weixin_62302666的博客
02-24 3769
1. 由于自己使用vscode要添加多个文件夹 有时用live sever打开文件的时候会有工作区不对的问题 好几次操作后左边资源管理栏全部丢失，更是添加工作区失败，插件用不了，弹出几种错误提示 2. 跟着网上的方法试过，直接重启很少生效，更改系统属性配置环境试过了却没用（可能自己操作有问题） 3. 于是乎，自己弄了下，发现了一种笨方法： 第一步： 找到插件live sever 点开扩展设置 第二步： 点击工作区，找到Live Server › Settings:Multi Ro..
vscode常用插件压缩包
07-13
- `Live Server`：提供实时预览网页的功能，对前端开发者非常有用。 - `HTML CSS Support` 和 `Auto Close Tag`：增强HTML和CSS的支持，提供自动闭合标签和属性提示。 6. **Python开发**： - `Python`：官方的...
本地vs code 插件 模拟服务器环境调试前端包(live-server 运行dist包,并解决接口跨域问题)
weixin_43187898的博客
03-07 1116
3. 找到vscode右下角的“Go Live”按钮,点击就会执行一个默认端口号为5555web服务。4. 打开setting.json配置live-server端口号代理等属性。1. 安装vscode live-server插件。2. 用vscode单独打开dist。
使用HTTP协议开发，安装VS Code的插件：live server
weixin_44293949的博客
07-22 239
在平时写代码中，我们通过浏览器查看的页面是file协议，在实际开发中会产生很多问题，则要将协议改成HTTP协议，就安装此插件live Server 右键选择 “open with Live Server” 即可 如果需要关闭live server，只需要在编辑器右下角点击： ...
VS Code插件live server的安装和使用
sinat_37024730的博客
02-06 4055
VS code中live server插件的安装和使用
vsCode之Live Server
wch19960518的博客
05-30 716
我本地一个前端项目需要引入另一个项目的线上地址，但又不想本地搭一套服务，于是就在vsCode中装了这个插件。
VScode live server插件
qq_43654065的博客
09-04 2525
live server插件安装后，可以使用live server运行代码。 一直不懂这和下面的Alt+B有什么区别，百度后大概有了了解。 使用live server运行代码，打开是一个服务器，下图上边是live server打开的界面网址，下图为默认浏览器打开的界面网址。可以看到live server打开的是一个服务器，服务器的默认端口是5500，用户也可以自行设置端口号、默认浏览器等。 采用liver server运行代码，可以实现边编写代码边程更新页面，非常适合开发工作者。 ...
VS Code中live server插件相关问题记录
2301_80174941的博客
02-22 910
VS Code中live server插件相关问题记录。记录了通过vscode中live server插件打开html文件和直接打开html文件网页内容不同的问题。
VScode Live Server 插件
热门推荐
X01动力装甲的专栏
09-26 1万+
vscode live server 插件 这个插件很有用，安装之后可以打开一个简单的服务器。而且还会自动更新。 安装之后，打开项目文件夹，再在文件上点击右键就会出现一个Open with Live Server的选项，就会自动打开浏览器了。 默认端口号是5500 http://127.0.0.1:5500/1.html Live Server的其他配置，比如端口号，默认浏览器等等。 现在的vsc...
VS Code+Live Server插件开发游戏并结合内网穿透分享好友异地访问
2401_84181704的博客
04-17 652
使用上面的cpolar https公网地址，在任意设备的浏览器进行访问，即可成功看到小游戏界面，这样一个公网地址且可以远程访问就创建好了，使用了cpolar的公网域名，无需自己购买云服务器，即可发布到公网随时随地进行远程访问。我一般会使用固定二级子域名，因为我希望将游戏网址发送给朋友玩时，可以直接使用简单好记的固定公网地址进行访问，不用每天都更换地址访问，可以一直愉快的享受游戏。，点击左侧的预留，选择保留二级子域名，设置一个二级子域名名称，点击保留，保留成功后复制保留的二级子域名名称。
VS Code 右键打开 HTML 的插件 Open in Browser（在浏览器中打开）和 Live Server（实时服务器）
记录个人成长, 分享好用资源
05-16 1529
（在浏览器中打开）和（实时服务器）。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

凝聚力安全团队

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值