首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏云深之无迹

    VsCode插件之Live Serve探秘.(上)

    现在,使用liveServer.settings.AdvanceCustomBrowserCmdLine设置(请参阅下文)。 liveServer.settings.NoBrowser:如果为真,则实时服务器将在没有打开浏览器的情况下启动。 如果是默认值 false liveServer.settings.https:启用https协议。 默认: 100 liveServer.settings.mount: :将目录安装到路由。 默认: false liveServer.settings.file::入口点文件的路径。

    4.5K51发布于 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

    85940编辑于 2022-07-06
  • 来自专栏云计算linux

    VsCode的vue文件不高亮显示

    天下如下代码即可: { "[html]": { "editor.defaultFormatter": "HookyQR.beautify" }, "liveServer.settings.donotShowInfoMsg ": true, "liveServer.settings.ChromeDebuggingAttachment": false, "editor.suggest.snippetsPreventQuickSuggestions

    72710编辑于 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": [//设置忽略的文件 ".

    81430编辑于 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.6K81发布于 2020-08-04
  • 来自专栏全栈程序员必看

    vscode 插件配置_vscode常用插件有哪些

    editor.fontSize": 16, //是否在每行末尾添加分号 "prettier.semi": false, "prettier.printWidth": 200, // 超过最大值换行 "liveServer.settings.donotShowInfoMsg

    1.4K20编辑于 2022-11-09
  • vscode——devtools源码修改的内容如何和本地代码同步

    > F12打开浏览器的Devtools,然后点击设置并开启实验室特性; vscode 建议提前安装好LiveServer

    32210编辑于 2024-08-15
  • vscode运行Live Server报错:Windows找不到文件Microsoft Edge

    重装的时候换位置了或者擅自把Chrome的路径从C盘移到别的盘了,首先找到你的Chrome浏览器(桌面的快捷方式就行),右键点击属性找到,属性里的目标,ctrl+c 复制地址 打开vscode,找到设置 加入一行配置: "liveServer.settings.AdvanceCustomBrowserCmdLine

    46710编辑于 2025-07-17
  • 来自专栏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.1K20编辑于 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

    74910编辑于 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.3K10发布于 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.5K10发布于 2019-10-08
  • 来自专栏vblog

    ElasticSearch入门项目--仿京东搜索

    京东页面所用的css、js包括一些图片都是异步加载的,其中涉及到的css和js我自己下载好了,京东logo和购物车图标的显示也是http请求获取到的,不是本地图标,这里我没改是因为我用的VSCode,装了插件LiveServer

    84540发布于 2020-07-14
  • CodeBuddy 又升级啦,快来体验!

    我们来看一下运行后的结果是怎么样的,我运行浏览器的插件是这个LiveServer 个人觉得还是很不错的这个插件,右键,就可以直接在浏览器中显示这个 web 项目了运行后的网页页面,我觉得这个效果不用多说了吧

    25410编辑于 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.6K10编辑于 2022-03-15
  • 来自专栏Skykguj 's Blog

    Visual Studio Code 个人配置备份

    PKief.material-icon-theme code --install-extension redhat.java code --install-extension ritwickdey.LiveServer

    1.2K10编辑于 2022-09-09
  • 如何让 VS Code 飞起来?—— 19 条实测有效的性能优化指南(2025 最新版)

    条实测有效的优化策略✅1.精简扩展:只留刚需Ctrl+Shift+X→Developer:ShowRunningExtensions查看CPU/Memory占用Top5的扩展强烈建议移除(除非必需):LiveServer

    1.8K30编辑于 2025-12-09
  • 来自专栏Triciaの小世界

    【开发工具】前端开发者更换新电脑,需要做哪些准备?

    "throttleTime": 60000, "functionParamAddStr": "", "NoMatchParams": "no show param" }, "liveServer.settings.donotShowInfoMsg

    60330编辑于 2023-04-12
  • 来自专栏码艺坊

    用浏览器语音识别实现“网页版小爱同学”:唤醒功能全解析与实战

    二、实战准备:环境与技术栈本次实战无需复杂框架,原生HTML+JavaScript即可实现,具体准备如下:开发工具:VSCode(推荐安装LiveServer插件,用于本地HTTPS调试);测试环境:Chrome110 stopBtn.addEventListener('click',stopListening);四、测试与调试:避坑指南1.本地调试方案由于浏览器要求HTTPS环境,本地测试可通过以下两种方式:方案1:使用LiveServer

    1.3K02编辑于 2025-11-17
  • 来自专栏深度学习与python

    分享几个我日常使用的VS Code插件

    itemName=ritwickdey.LiveServer Auto Close Tag 和 Auto Rename Tag ?

    2K10发布于 2020-11-05
领券