live server
发表于|更新于
|浏览量:
用杜冷丁救场,药效却消亡。——《恋爱的犀牛》
在使用vscode进行开发的时候,我想运行一个html文件到浏览器中并热更新,就需要使用到Live Server插件了

在vscode安装完成该插件后,即可在html页面按下ALT+L再按一下ALT+O即可运行到浏览器
按下第一个键后会提示

再次按下ALT+O,即可运行到浏览器
我们查看元素是能看到我们的Live Server建立socket连接代码的

包括我们在vscode保存了一下代码,也是能看到ws请求的

相关推荐
2023-10-22
xxx.app已损坏,无法打开。你应该将它移到废纸篓
真正的友谊总是预见对方的需要,而不是宣布自己需要什么。——莫洛亚 mac经常会遇到 基本都可以使用下面的命令解决: 1xattr -cr /Applications/xxx.app 文中提到需要签名 https://developer.apple.com/documentation/macos-release-notes/macos-big-sur-11_0_1-universal-apps-release-notes 这个签名需要苹果的开发者账户,费用约为99$/年 执行命令后就可以打开了
2021-06-07
idea启动时默认选择项目
决定我们成为什么样的人,不是我们的能力,而是我们的选择。——J·K·罗琳 取消此处的勾选即可 下次打开即会进入选择项目列表
2025-06-03
acme-sh
位卑未敢忘忧国,事定犹须待盖棺。—— 陆 游《病起》 https://github.com/acmesh-official/acme.sh acme.sh:轻量级的自动化证书管理工具在现代 Web 开发中,HTTPS 已成为保障网络安全的基本要求。而实现 HTTPS 的基础是 SSL/TLS 证书的申请、安装和续签。然而,手动管理证书不仅繁琐,还容易出错。为了解决这一问题,acme.sh 提供了一种轻量级、自动化的解决方案。 acme.sh 是一个纯 Shell 脚本的 ACME 客户端,旨在简化证书的申请和管理过程,支持多种 DNS 服务商和 Web 服务,轻松实现自动化。 什么是 acme.sh?acme.sh 是一个开源的 ACME 客户端,用于申请和管理免费的 SSL/TLS 证书,如 Let’s Encrypt 和 ZeroSSL。它完全基于 Shell 编写,轻量且无依赖,支持多种环境和自动化流程。 核心特性1. 支持多种 ACME 服务acme.sh 支持 Let’s Encrypt、ZeroSSL 等多个 ACME 服务,开发者可以根据...
2025-10-25
yaak
读书多了,容颜自然改变,许多时候,自己可能以为许多看过的书籍都成了过眼云烟,不复记忆,其实他们仍是潜在的。在气质里,在谈吐上,在胸襟的无涯,当然也可能显露在生活和文字里。——三毛《送你一匹马》 https://github.com/mountain-loop/yaak Yaak:下一代桌面API客户端,直观又强大!在开发者工具领域,API客户端几乎是每位后端、前端、移动开发者的“必备利器”。你可能用过Postman、Insomnia、Bruno等工具,但今天推荐一款更直观、更强大、更酷的选择——Yaak。 一、项目简介 项目地址:mountain-loop/yaak 官网:yaak.app 一句话描述:最直观的桌面API客户端,支持REST、GraphQL、WebSockets、SSE与gRPC! 主语言:TypeScript Stars:13,990+ Forks:494+ License:MIT 标签:postman-alternative insomnia-alternative bruno-alternative grpc graphql http-cli...
2025-12-26
awesome-test-automation
放弃时间的人,时间也放弃他。——莎士比亚 Awesome Test Automation:一份跨语言的自动化测试“藏宝图”当你准备为项目搭建自动化测试体系,往往会被“工具爆炸”淹没:语言不同、场景不同(Web、API、移动端、性能、稳定性、可观测性……),选择千头万绪。好消息是,有人已经把这片森林梳理成了一份清晰的地图——Awesome Test Automation。 仓库主页:atinfo/awesome-test-automation README(永久链接,信息来源):README.md@a0341a4 默认分支:master 项目描述(仓库 Description):A curated list of awesome test automation frameworks, tools, libraries, and software for different programming languages. Sponsored by https://zapple.tech and https://automated-testing.info ...
2024-11-26
git diff
人勤病就懒,人懒病就勤。——佚名 git diff 是 Git 提供的一个关键命令,用于查看不同版本或状态之间的代码差异。虽然命令行输出的格式中会显示类似 diff --git a/file.txt b/file.txt 的内容,这实际上并不是命令,而是差异输出的一部分。本文将详细介绍如何使用 git diff 命令查看和分析代码差异。 什么是 git diffgit diff 用于比较文件内容的变更。常见的使用场景包括: 查看工作区中的更改。 查看已暂存(staged)但未提交的内容。 比较分支之间、提交之间或标签之间的差异。 查看某个特定文件或路径的变更。 基本用法1. 查看工作区中的未暂存更改1git diff 此命令会比较 工作区 和 暂存区 之间的差异。适用于查看修改了但尚未 git add 的文件。 输出示例: 1234567diff --git a/file.txt b/file.txtindex e69de29..d95f3ad 100644--- a/file.txt+++ b/file.txt@@ -0,0 +1,2 @@+Hello, Worl...
