- 综合排序
- 最热优先
- 最新优先
- 来自专栏云深之无迹
VsCode插件之Live Serve探秘.(上)
现在，使用liveServer.settings.AdvanceCustomBrowserCmdLine设置（请参阅下文）。 liveServer.settings.NoBrowser：如果为真，则实时服务器将在没有打开浏览器的情况下启动。 如果是默认值 false liveServer.settings.https：启用https协议。 默认： 100 liveServer.settings.mount: ：将目录安装到路由。 默认： false liveServer.settings.file:：入口点文件的路径。
4.7K51发布于 2020-10-23 - 来自专栏前端小叙
vscode常用配置
editor.defaultFormatter": "esbenp.prettier-vscode" }, "editor.defaultFormatter": "esbenp.prettier-vscode", "liveServer.settings.donotShowInfoMsg www.baidu.com", // The default start url for new Browser Preview instances "browser-preview.verbose": false, "liveServer.settings.ChromeDebuggingAttachment workbench.editor.enablePreview": false, "explorer.compactFolders": false, "workbench.list.openMode": "doubleClick", "liveServer.settings.CustomBrowser editor.defaultFormatter": "esbenp.prettier-vscode" }, "editor.defaultFormatter": "esbenp.prettier-vscode", "liveServer.settings.donotShowInfoMsg workbench.editor.enablePreview": false, "explorer.compactFolders": false, "workbench.list.openMode": "doubleClick", "liveServer.settings.CustomBrowser
92040编辑于 2022-07-06 - 来自专栏云计算linux
VsCode的vue文件不高亮显示
天下如下代码即可： { "[html]": { "editor.defaultFormatter": "HookyQR.beautify" }, "liveServer.settings.donotShowInfoMsg ": true, "liveServer.settings.ChromeDebuggingAttachment": false, "editor.suggest.snippetsPreventQuickSuggestions
92310编辑于 2024-12-13 【Vscode】 Vscode常用插件
Live Server 我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果 使用 右击>Open with Live Server 配置 { "liveServer.settings.port ": 8080, //设置本地服务的端口号 "liveServer.settings.root": "/", //设置根目录，也就是打开的文件会在该目录下找 "liveServer.settings.CustomBrowser ": "chrome", //设置默认打开的浏览器 "liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --incognito --remote-debugging-port =9222", "liveServer.settings.NoBrowser": false, "liveServer.settings.ignoredFiles": [//设置忽略的文件 ".
1K31编辑于 2025-12-15- 来自专栏玩转全栈
node中文件监听的实现
在做前端开发的过程中，我们不免要使用到liveServer这样的功能，很常见的，在我们开发Vue或者React应用的过程中，我们一般会启动一个devServer，然后，开发的时候，改动js等文件，所打开的网页就刷新了 这里为了简单起见，我们看一个简单版的liveServer，源码在此。 我们可以看到： // Setup file watcher LiveServer.watcher = chokidar.watch(watchPaths, { ignored: ignored, function handleChange(changePath) { var cssChange = path.extname(changePath) === ".css"; if (LiveServer.logLevel 'refreshcss' : 'reload'); }); } //return server; LiveServer.watcher .on("change", handleChange
1.7K81发布于 2020-08-04 - 来自专栏vscode从0到高手
VSCode 要做浏览器：终于可以直接“预览“html文件了
个人吐槽：以前为了预览个HTML，我得装"LiveServer"、配端口、记快捷键，现在？右键完事。这感觉就像：以前泡面要烧水等三分钟，现在直接给你端上来一碗热腾腾的。 和传统插件对比：不是取代，而是降维维度LiveServer等插件VSCode内置预览安装成本需搜索/安装/配置开箱即用资源占用独立Node进程+端口共享编辑器进程热更新速度~500ms（WebSocket 场景三：教学/演示场景的神器以前给新人讲前端，我得：让他装VSCode装LiveServer配环境变量解释为什么端口被占用...现在？"打开HTML，点这个眼睛图标，完事"。
11900编辑于 2026-06-05 vscode——devtools源码修改的内容如何和本地代码同步
> F12打开浏览器的Devtools，然后点击设置并开启实验室特性； vscode 建议提前安装好LiveServer
37510编辑于 2024-08-15vscode运行Live Server报错：Windows找不到文件Microsoft Edge
重装的时候换位置了或者擅自把Chrome的路径从C盘移到别的盘了，首先找到你的Chrome浏览器（桌面的快捷方式就行），右键点击属性找到，属性里的目标，ctrl+c 复制地址 打开vscode，找到设置 加入一行配置： "liveServer.settings.AdvanceCustomBrowserCmdLine
73710编辑于 2025-07-17- 来自专栏全栈程序员必看
vscode 插件配置_vscode常用插件有哪些
editor.fontSize": 16, //是否在每行末尾添加分号 "prettier.semi": false, "prettier.printWidth": 200, // 超过最大值换行 "liveServer.settings.donotShowInfoMsg
1.5K20编辑于 2022-11-09 - 来自专栏XC's Blog 日常笔记
记录 Vscode 插件
itemName=techer.open-in-browser Live Server ID: ritwickdey.liveserver 说明：实时预览静态文件的简易服务器 VS Marketplace itemName=ritwickdey.LiveServer 其他 Image preview ID: kisstkondoros.vscode-gutter-preview 说明：增强 vscode
1.2K20编辑于 2023-02-27 - 来自专栏跟牛老师一起学WEBGIS
如何进行地图SDK开发（一）
/src/utils/file') const liveServer = require("live-server"); const app = express(); // 自定义跨域中间件 const config.api.port, () => { console.log(`接口已启动，访问地址为：http://${config.api.url}`) }) /** * API 服务 */ liveServer.start
82910编辑于 2022-10-27 - 来自专栏grain先森
怎样才能写出更好的 CSS
"scripts": { "start": "npm-run-all --parallel liveserver watch", "liveserver": "live-server "scripts": { "start": "npm-run-all --parallel liveserver watch", "liveserver": "live-server
2.5K10发布于 2019-03-28 - 来自专栏子曰五溪
如何更优雅的编写CSS代码
"scripts": { "start": "npm-run-all --parallel liveserver watch", "liveserver": "live-server", "scripts": { "start": "npm-run-all --parallel liveserver watch", "liveserver": "live-server",
2.7K10发布于 2019-10-08 - 来自专栏vblog
ElasticSearch入门项目--仿京东搜索
京东页面所用的css、js包括一些图片都是异步加载的，其中涉及到的css和js我自己下载好了，京东logo和购物车图标的显示也是http请求获取到的，不是本地图标，这里我没改是因为我用的VSCode，装了插件LiveServer
89540发布于 2020-07-14 CodeBuddy 又升级啦，快来体验！
我们来看一下运行后的结果是怎么样的，我运行浏览器的插件是这个LiveServer 个人觉得还是很不错的这个插件，右键，就可以直接在浏览器中显示这个 web 项目了运行后的网页页面，我觉得这个效果不用多说了吧
34210编辑于 2025-05-15- 来自专栏XRSec.Blog
Code Server Update
5050-5051:5050 : code-server live server # 8765:8765 :https web port # 31004：22 ：ssh # 31000-31003 ：liveserver
1.7K10编辑于 2022-03-15 - 来自专栏Skykguj 's Blog
Visual Studio Code 个人配置备份
PKief.material-icon-theme code --install-extension redhat.java code --install-extension ritwickdey.LiveServer
1.3K10编辑于 2022-09-09 腾讯云智慧传媒超级APP 2.0：构建“媒体+生活”超级应用的技术路径与运营体系
技术底座扎实： 基于Zero Cloud Gateway架构，包含Authserver、Commentserver、Liveserver等微服务，支持高并发、高可用及弹性伸缩。
8410编辑于 2026-05-31如何让 VS Code 飞起来？—— 19 条实测有效的性能优化指南（2025 最新版）
条实测有效的优化策略✅1.精简扩展：只留刚需Ctrl+Shift+X→Developer:ShowRunningExtensions查看CPU/Memory占用Top5的扩展强烈建议移除（除非必需）：LiveServer
3.2K30编辑于 2025-12-09- 来自专栏Triciaの小世界
【开发工具】前端开发者更换新电脑，需要做哪些准备？
"throttleTime": 60000, "functionParamAddStr": "", "NoMatchParams": "no show param" }, "liveServer.settings.donotShowInfoMsg
68430编辑于 2023-04-12
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号