当前位置： 首页 > article >正文

webstorm的Live Edit插件配合chrome扩展程序JetBrains IDE Support实现实时预览html效果

article 2026/3/26 1:54:19

前言
我们平时在前端网页修改好代码要点击刷新再去看修改的效果，这样比较麻烦，那么很多软件都提供了实时预览的功能，我们一边编辑代码一边可以看到效果。下面说的是webstorm。

1 Live Edit
首先我们需要在webstorm的settings里安装插件Live Edit（一般会已经下载好）。

然后在settings里如下图所示路径找到插件进行设置。


2 JetBrains IDE Support 插件下载
阿里云盘地址
链接：https://www.alipan.com/s/ksu6C2k35z9
提取码：9ed6
将文件直接拖入下图的chrome扩展程序页面即可完成安装。

确认添加

ip地址和端口号自动生成，一般无需去改。下面就可以使用webstorm实现实时预览html效果了。

实时预览变更的页面

相关文章：

webstorm的Live Edit插件配合chrome扩展程序JetBrains IDE Support实现实时预览html效果

前言 我们平时在前端网页修改好代码要点击刷新再去看修改的效果，这样比较麻烦，那么很多软件都提供了实时预览的功能，我们一边编辑代码一边可以看到效果。下面说的是webstorm。 1 Live Edit 首先我们需要在webstorm的settings里安装插件Live …...

编程日记 2026/3/24 9:08:30

02 HarmonyOS Next仪表盘案例详解（一）：基础篇

温馨提示：本篇博客的详细代码已发布到 git : https://gitcode.com/nutpi/HarmonyosNext 可以下载运行哦！ 文章目录 1. 项目概述2. 技术架构2.1 文件结构2.2 ArkTS 语言特性装饰器的使用 3. 数据结构设计3.1 接口定义3.2 数据初始化 4. 生命周期与页面路由…...

编程日记 2026/3/25 5:48:16

张岳教授：语言模型推理与泛化研究 | ICLR 2025 特邀报告与团队专场

点击蓝字 关注我们 AI TIME欢迎每一位AI爱好者的加入！ AITIME 01 ICLR 2025预讲会特邀报告 AITIME 02 ICLR 2025预讲会西湖大学张岳老师实验室专场 01 AI生成文本的自动化检测 Glimpse: Enabling White-Box Methods to Use Proprietary Models for Zero-Shot LLM-Ge…...

编程日记 2026/3/25 18:51:05

离散傅里叶变换（Discrete Fourier Transform, DFT）及其在图像处理中的应用

离散傅里叶变换（DFT）及其在图像处理中的应用 什么是离散傅里叶变换？ 离散傅里叶变换（Discrete Fourier Transform, DFT）是一种强大的数学工具，用于将离散信号从时域（或空间域）转换…...

编程日记 2026/3/22 18:38:23

记一次误禁用USB导致键盘鼠标失灵的修复过程

背景说明 在电脑上插入了一个USB hub，然后弹窗提示：“集线器端口上出现电涌”，点开让选择“重置”或者“关闭”，不小心点了关闭，结果这个usb口就被关了，再插任何东西都没反应，找了很多办法都恢…...

编程日记 2026/3/23 2:40:40

Apache nifi demo 实验

Apache nifi 是个数据流系统，可以通过配置 自定义的流程来实现数据的转换。 比如可以配置一个流程，读取数据库里的数据，再转换，最后保存到本地文件。 这样可以来实现一些数据转换的操作，而不用特地编写程序来导入导出。…...

编程日记 2026/3/22 22:20:00

Leetcode 57-插入区间

给你一个 无重叠的 ，按照区间起始端点排序的区间列表 intervals，其中 intervals[i] [starti, endi] 表示第 i 个区间的开始和结束，并且 intervals 按照 starti 升序排列。同样给定一个区间 newInterval [start, end] 表示另一个区间的开始和…...

编程日记 2026/3/24 11:34:12

SpringCloud之Eureka、Ribbon、OpenFeign

目录1. SpringCloud Eureka（服务注册与发现组件）2. SpringCloud Ribbon（负载均衡与服务调用组件）3. SpringCloud OpenFeign（负载均衡与服务调用组件）SpringCloud：用于开发高度可扩展、高性能的分…...

编程日记 2026/3/25 2:07:40

如何在MacOS 10.15上安装Docker Desktop

前文提到MacOS 10.15上无法通过Homebrew安装最新版本的docker，自然想到了去安装更早版本的docker。在MacOS上安装Docker Desktop比安装Docker Engine要更方便一些，具体原因可以自己搜索。通过Docker Desktop的Release notes得知最后一个支持MacOS 10.15的…...

编程日记 2026/3/24 3:00:47

Moticon智能鞋垫传感器OpenGo：经济实用的运动科学研究与临床评估工具

Moticon智能鞋垫传感器OpenGo是运动科学研究领域的一款高性能工具，其无线设计和精准传感器为步态分析、平衡评估以及疾病诊断提供了稳定的数据支持。通过实时捕捉足底压力分布、动态变化及平衡状态，OpenGo 为研究人员和临床医生提供了深入洞察个体运动模…...

编程日记 2026/3/23 17:01:05

打造高清3D虚拟世界|零基础学习Unity HDRP高清渲染管线（第一天）

打造高清3D虚拟世界|零基础学习Unity HDRP高清渲染管线（第一天） 前言最后 前言 说真的，用Unity工作这几年，经历的项目大大小小，对于场景的渲染算是有一定的经验，但涉及到HDRP高清渲染管线的了解&#xff0…...

编程日记 2026/3/23 10:33:18

nlp第十节——LLM相关

一、模型蒸馏技术 本质上是从一个大模型蒸馏出小模型，从小模型训练出来的概率分布（如自回归模型预测下一个字的概率分布）分别与大模型预测的概率分布和ground label求loss。与大模型预测的概率分布用KL散度求loss，与ground label用…...

编程日记 2026/3/24 4:50:25

Flutter管理项目实战

目录： 1、项目的构建和介绍 1、项目的构建和介绍 登录官网下载flutter的zip压缩包，解压到某个文件夹下即可，里面自带sdk的文件，无需再下载；创建项目时选定flutter的sdk的路径即可创建项目完成。 后续待完善&#xff0…...

编程日记 2026/3/23 6:18:08

智能差旅管理新范式：MyAgent如何重塑企业差旅全流程自动化

在快节奏的商业环境中，企业差旅管理长期面临着流程碎片化、人工操作繁复、合规风险高等痛点。传统模式下，员工需要反复填写纸质表单、逐级跑动审批，财务部门则要耗费大量时间核对票据，这种低效流程每年造成企业平均约15%的差旅管理…...

编程日记 2026/2/16 7:54:47

PostgreSQL 生产环境升级指南：pg_upgrade 快速完成版本升级！

前言 PostgreSQL 的版本号由主要版本号和次要版本号组成。例如，在 10.1 中，10 是主要版本，1 是次要版本。关于更多版本的规划，请参考 PostgreSQL 版本路线图。 版本号规则： PostgreSQL 10 及以后：版本号…...

编程日记 2025/8/20 17:08:01

UniApp 中封装 HTTP 请求与 Token 管理（附Demo）

目录 1. 基本知识2. Demo3. 拓展 1. 基本知识 从实战代码中学习，上述实战代码来源：芋道源码/yudao-mall-uniapp 该代码中，通过自定义 request 函数对 HTTP 请求进行了统一管理，并且结合了 Token 认证机制 请求封装原理&#xff…...

编程日记 2026/3/24 2:12:26

@update 的常见用法 Vue.js

在 Vue.js 中&#xff0c;update 是一个事件监听器&#xff0c;通常用于监听自定义组件或某些 Vue 原生组件&#xff08;如 <input> 或自定义组件&#xff09;的更新事件。它并不是 Vue 的核心 API&#xff0c;而是一种约定俗成的命名方式&#xff0c;用于处理组件内部状…...

编程日记 2026/2/22 1:03:22

基于开源库编写MQTT通讯

目录 1. MQTT是什么&#xff1f;2. 开发交互UI3. 服务器核心代码4. 客户端核心代码5. 消息订阅与发布6. 通讯测试7. MQTT与PLC通讯最后. 核心总结 1. MQTT是什么&#xff1f; MQTT&#xff08;Message Queuing Terlemetry Transport&#xff09;消息队列遥测协议&#xff1b;是…...

编程日记 2026/3/22 23:03:41

基于springboot+vue美食与健康分享推广网站

目录 项目介绍 图片展示 运行环境 项目介绍 管理员&#xff1a; 个人中心&#xff1a;修改个人信息、修改密码 美食分类管理&#xff1a;增删改查美食分类 商品分类管理&#xff1a;增删改查商品分类 热门美事管理&#xff1a;增删改查热门美食、以及查看评论、预览视频 在线…...

编程日记 2026/3/20 7:58:20

React面试葵花宝典之二

36.Fiber的更新机制 React Fiber 更新机制详解 React Fiber 是 React 16 引入的核心架构重构&#xff0c;旨在解决可中断渲染和优先级调度问题&#xff0c;提升复杂应用的流畅性。其核心思想是将渲染过程拆分为可控制的工作单元&#xff0c;实现更细粒度的任务管理。以下是其…...

编程日记 2026/3/20 9:09:27

计算机毕业设计SpringBoot+Vue.js装饰工程管理系统(源码+文档+PPT+讲解)

温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 作者简介&#xff1a;Java领…...

编程日记 2026/3/23 10:38:04

从波士顿动力到Figure AI：探寻人工智能驱动的机器人智能化

一、引言 1.1 研究背景与意义 在科技飞速发展的当下，机器人智能化已成为全球科技竞争的关键领域，深刻影响着人类社会的生产与生活方式。从工业制造到日常生活服务，从医疗保健到探索未知领域，机器人正逐步渗透进各个行业，展现出巨大的发展潜力与应用价值。其智能化水平的…...

编程日记 2026/3/24 4:53:57

华为 VRP 系统简介配置SSH,TELNET远程登录

华为 VRP 系统简介&配置TELNET远程登录 1.华为 VRP 系统概述 1.1 什么是 VRP VRP&#xff08;Versatile Routing Platform 华为数通设备操作系统&#xff09;是华为公司数据通信产品的通用操作系统平台&#xff0c;从低端到核心的全系列路由器、以太网交换机、业务网关等…...

编程日记 2026/3/25 8:27:24

Token相关设计

文章目录 1. 双Token 机制概述1.1 访问令牌&#xff08;Access Token&#xff09;1.2 刷新令牌&#xff08;Refresh Token&#xff09; 2. 双Token 认证流程3. Spring Boot 具体实现3.1 生成 Token&#xff08;使用 JWT&#xff09;3.2 解析 Token3.3 登录接口&#xff08;返回…...

编程日记 2026/2/16 15:19:15

【计算机网络入门】初学计算机网络（九）

目录 1.令牌传递协议 2. 局域网&IEEE802 2.1 局域网基本概念和体系结构 3. 以太网&IEEE802.3 3.1 MAC层标准 3.1.1 以太网V2标准 ​编辑 3.2 单播广播 3.3 冲突域广播域 4. 虚拟局域网VLAN 1.令牌传递协议 先回顾一下令牌环网技术&#xff0c;多个主机形成…...

编程日记 2026/3/25 0:30:05

xss笔记与打靶(更新中)

这个文章好 https://blog.csdn.net/huangyongkang666/article/details/123624164?fromshareblogdetail&sharetypeblogdetail&sharerId123624164&sharereferPC&sharesource2401_88818565&sharefromfrom_link 什么是xss XSS&#xff08;跨站脚本攻击&…...

编程日记 2026/3/23 2:35:13

Lumoz Chain正式上线：AI 时代的新算力破局者

新的叙事和技术突破永远是推动行业前行的核心动力。当下&#xff0c;AI Agent无疑是最炙手可热的赛道之一。 当加密世界将目光投向AI领域时&#xff0c;大多数项目仍停留在以AI为工具或应用场景的层面&#xff0c;试图通过集成AI模型或优化链上功能来吸引用户。然而&#xff0…...

编程日记 2026/3/24 2:58:14

sql调优:优化响应时间(优化sql) ； 优化吞吐量

Sql性能调优的目的 1.优化响应时间>>优化sql 经过调优后&#xff0c;执行查询、更新等操作的时候&#xff0c;数据库的反应速度更快&#xff0c;花费的时间更少。 2.优化吞吐量 即“并发”, 就是“同时处理请求”的能力。 优化sql 尽量将多条SQL语句压缩到一句>…...

编程日记 2026/3/25 20:41:14

Linux常见操作命令

Linux系统拥有丰富的命令行工具&#xff0c;通过这些命令可以高效地完成各种系统管理和日常操作任务。以下是一些常见的Linux操作命令&#xff1a; 文件和目录操作&#xff1a; - 创建目录&#xff1a;使用 mkdir 命令&#xff0c;例如 mkdir test 可以创建名为 test 的目录。如…...

编程日记 2026/3/2 0:59:16

2020最新Java面试题

2020最新Java面试题 序Java基础JVMRedis 序 研发了这么多年&#xff0c;每天都在搬砖&#xff0c;斗转星移&#xff0c;从一个被面试者&#xff0c;成为了一个面试者。总感觉自己在面试的时候提出的问题没有一个由浅入深的感觉&#xff0c;总是东一个问题&#xff0c;西一个…...

编程日记 2026/3/24 0:03:28