vscode安装live server

最新推荐文章于 2024-06-09 10:20:42 发布
最新推荐文章于 2024-06-09 10:20:42 发布
阅读量6.6k 收藏
点赞数 1
文章标签： 开发工具
原文链接：https://juejin.im/post/5cf9e230e51d45572c060012
版权

一、在vscode扩展中搜索live server，并安装

二、设置默认打开chrome

转载于:https://juejin.im/post/5cf9e230e51d45572c060012

weixin_34320724
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vscode-live-server：为静态和动态页面启动具有实时重新加载功能的开发本地服务器
02-06
]实时服务器Live Server喜欢 :heart_with_arrow: 您的多根工作区服务器端页面（如PHP）的Live Server。 [针对“找不到命令错误” ] 启动具有实时重新加载功能的本地开发服务器，以处理静态和动态页面。启动/停止...
Live Server Web Extension-crx插件
04-02
您必须为vscode安装Live Server扩展以才能使用此添加项。 按照此链接设置：https：//github.com/ritwickdey/live-server-web-extension#Setup 演示：...
vscode 安装Live Server
qq_37942845的博客
07-15 1016
搜索插件Live Server 然后 Install 这样就可以右键以服务器的形式打开html文件 可以实现和vue-cli 自动监听页面的变化，不用人力去刷新浏览器
Vscode使用Live Server
wuqihawubito的博客
07-15 699
先安装live Server： 然后使用 CTRL+SHIFT+P ,搜索live server： 点击 Open with server就可以打开这个服务器了。 如果要用这个服务器打开具体的html文件：
VSCode调试揭秘：Live Server助力完美测试Cookie与Session，远超“Open in Browser“！
最新发布
啊猪是的读来过倒的博客
06-09 1105
适用于简单的本地文件访问，但不支持跨域Cookie和Session的处理。通过本地HTTP服务器访问文件，支持跨域Cookie和Session的处理，并提供更多的配置灵活性。对于需要测试跨域功能的开发者来说，它是一个更好的选择。所以，在开发过程中，如果需要处理跨域相关的Cookie和Session，建议使用。然而，如果你只是需要简单地查看本地HTML文件，open in browser 可能就足够了。
cnpm install -g live-server 安装服务
weixin_30432579的博客
04-29 402
cnpm install -g live-server 指令会在浏览器自动打开页面 转载于:https://www.cnblogs.com/lin-white/p/10790756.html
VS Code -- Live Server
2301_76778596的博客
03-16 3205
Live Server插件用来自动加载热部署前端页面相关的文件（.html/.js/.ts/.css），简单来说就是：快速启动本地服务，自动监听，不需要刷新就能更新内容。有了它之后调试前端页面再也不需要不停地手工去点击浏览器上的刷新按钮。
在vscode中安装使用live Server（前端搭建自己的本地服务器环境）
z1093541823的博客
04-27 3599
在vscode中安装使用live Server（前端搭建自己的本地服务器） 在扩展中搜索live Server，找到并下载，下载完后点击设置图标，点击扩展设置
vscode安装使用的详细教程
10-14
- 使用"Live Server"插件，右键文件选择在服务器上打开，自动刷新页面。 - 或者安装"http server"插件，创建服务器运行当前文件。 **总结** VS Code凭借其丰富的功能、良好的性能和高度的可定制性，成为许多...
vscode常用插件压缩包
07-13
- `Live Server`：提供实时预览网页的功能，对前端开发者非常有用。 - `HTML CSS Support` 和 `Auto Close Tag`：增强HTML和CSS的支持，提供自动闭合标签和属性提示。 6. **Python开发**： - `Python`：官方的...
VS Code——Live Server的简介、安装与使用
热门推荐
无限迭代中......
01-07 7万+
基本概念 Live Server：一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。 优点 1：一键安装，实现自动刷新，架设本地服务器环境。 2：比起 gulp 构建 实现自动刷新，架设本地服务器环境，需要安装自动刷新插件...
[有趣] VS Code -- Live Server的一小段代码注入
o__o__o__o的博客
07-18 5030
有趣的VS Code插件 -- Live Server的一小段代码注入
VSCode+LiveServer搭建Web前端开发环境
JavaWinner的专栏
02-16 1982
为避免潜在错误，如果之前已安装过NodeJS、VSCode、LiveServer的同学，请全部卸载！ ------------以下安装全部采用默认选项，建议大家也这样做------------- 〇、安装Chrome核心的浏览器并设置为系统默认浏览器 360极速、360安全、搜狗、Chrome等均可，总之Web开发不建议用IE或Edge。 一、安装NodeJS 1、下载...
在 vscode 中使用 Live Server 进行调试
LonewoIf的博客
01-24 1万+
第一步：在 vscode 中安装 live server 第二步：打开命令面板，输入 settings ，然后选择首选项并打开 第三步、搜索 live sever 配置项，将左侧需要修改的配置项复制到右侧用户设置并修改 第四步、设置完毕后，重启vscode，并选择需要浏览的文件，右键开启服务 或者点击编辑器底部： ...
VS Code 插件live server
qq_43812504的博客
03-02 1065
VS code插件live server： 在扩展中搜索live server,点击安装： 快捷键使用：按下 alt+L alt+O,将会在浏览器中打开： 在vs code中修改代码以后，点击ctrl+s快捷键保存后，浏览器会自动刷新页面，展现更改后的页面。 ...
vsCode中live server插件的安装及使用
gdxjznfw的博客
09-02 3万+
live server 插件是用来干嘛的? 本地开发常常需要搭建临时的服务,作用 : 1.模拟服务器的方式打开页面 2.代码改动后,会自动刷新页面 安装 : 使用 : 1.使用要求 : 要求项目文件夹 Demo 要单独出现在vscode侧边栏。以下两种都可以 文件夹打开错误示范 : tip : 写项目时大家最好留一个要编辑的项目文件夹在vacode侧边栏就可以,这样清清爽爽写代码,心里也舒畅(头发也掉的少啦) 2.使用 live server 插件打开页面: 如果vscode侧边栏只有项目文件夹De
vscode安装live-server插件
06-28
### 回答1： 1. 打开VSCode编辑器。 2. 点击左侧的“扩展”图标。 3. 在搜索框中输入“live-server”。 4. 找到“Live Server”插件并点击“安装”按钮。 5. 安装完成后，点击“启用”按钮。 6. 在编辑器中打开HTML文件，右键单击文件并选择“在Live Server中打开”。 7. 现在，您可以在浏览器中查看您的网页，并且当您进行更改时，它将自动重新加载。 ### 回答2： VSCode是一款非常流行的代码编辑器。它支持非常多的插件，允许你自定义编辑器界面及编程环境来满足自己的需求。Live-Server是一款用于前端开发的插件，它提供了一种方便的方式来自动化你的前端开发流程。 以下是在VSCode上安装Live-Server插件的步骤： 1. 在VSCode左侧的“扩展”栏中搜索“live-server”，并点击安装按钮。 2. 安装完成后，打开你的HTML文件。在编辑器中右键单击文件并选择“Open with Live Server”，或者使用快捷键“Ctrl+Shift+L”打开Live Server。 3. 当你打开Live Server时，它会自动在默认浏览器中打开你的HTML文件。从此以后，你所作的任何更改都将自动重新加载，免去了手动刷新页面的麻烦。 总之，VSCode与Live Server插件的结合让前端开发更加方便、高效。如果你是一位前端开发人员，那么你应该尝试着使用这款插件，它会让你的工作效率大大提高。 ### 回答3： 在使用VS Code进行前端开发时，经常需要在本地搭建一个简单的Web服务器来预览网页效果，而Live Server插件不仅可以快速搭建本地服务器，还可以实现热重载等功能，极大地提高了我们的开发效率。 下面是VS Code安装Live Server插件的步骤： 第一步：打开VS Code，点击左侧菜单栏的扩展(Extensions)图标，或使用快捷键(Ctrl+Shift+X)打开扩展管理器。 第二步：在扩展管理器中搜索Live Server插件，并点击安装。 第三步：安装完毕后，重新启动VS Code，在左侧文件栏中打开要预览的HTML文件，右键点击文件名，选择“在Live Server中打开(Open with Live Server)”，或者直接使用快捷键(Ctrl+Shift+L)打开本地服务器，即可在浏览器中预览网页。 此时，如果对HTML或CSS文件做出修改，网页会自动刷新，实现热重载的效果。另外，Live Server还支持在多个浏览器标签中同时预览同一个页面、在线调试、自定义端口等功能，可以在插件的设置中进行配置。 总之， Live Server插件是一款非常实用的前端开发工具，能够帮助开发者快速搭建本地服务器，提高开发效率，是值得推荐的插件之一。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值