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

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

news 2026/5/22 0:39:48

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

编程日记 2025/3/4 9:40:07

ROS环境搭建

ROS首次搭建环境 注：以下内容都是在已经安装好ros的情况下如何搭建workplace 一、创建工作空间二、创建ROS包三、注意 注：以下内容都是在已经安装好ros的情况下如何搭建workplace 如果没有安装好，建议鱼香ros一步到位:鱼香ROS 我也是装了好久…...

编程日记 2025/3/4 9:35:58

Cherry Studio + 火山引擎 构建个人AI智能知识库

🍉在信息化时代，个人知识库的构建对于提高工作效率、知识管理和信息提取尤为重要。尤其是当这些知识库能结合人工智能来智能化地整理、分类和管理数据时，效果更为显著。我最近尝试通过 Cherry Studio 和 火山引擎 来搭建个人智能知识库&#…...

编程日记 2025/3/4 9:34:57

Spring Boot 与 MyBatis 版本兼容性

初接触Spring Boot，本次使用Spring Boot版本为3.4.3，mybatis的起步依赖版本为3.0.0，在启动时报错，报错代码如下 org.springframework.beans.factory.BeanDefinitionStoreException: Invalid bean definition with name userMapper…...

编程日记 2025/3/4 9:33:54

《 C++ 点滴漫谈： 二十九 》风格 vs. C++ 风格：类型转换的对决与取舍

摘要 类型转换是 C 编程中的重要机制，用于在不同数据类型之间进行安全高效的转换。本博客系统介绍了 C 提供的四种类型转换运算符（static_cast、dynamic_cast、const_cast 和 reinterpret_cast）的用法及适用场景，分析了它们相较于…...

编程日记 2025/3/4 9:28:48

AI预测福彩3D新模型百十个定位预测+胆码预测+杀和尾+杀和值2025年3月3日第11弹

前面由于工作原因停更了很长时间，停更期间很多彩友一直私信我何时恢复发布每日预测，目前手头上的项目已经基本收尾，接下来恢复发布。当然，也有很多朋友一直咨询3D超级助手开发的进度，在这里统一回复下。 由于本人既精…...

编程日记 2025/3/4 9:26:45

ArcGIS Pro高级应用：高效生成TIN地形模型

一、引言 在地理信息科学与遥感技术的快速发展背景下，数字高程模型（DEM）已成为地形表达与分析的关键工具。 三角网（TIN）作为DEM的一种重要形式，因其能够精准描绘复杂地形特征而广受青睐。 ArcGIS Pro为用…...

编程日记 2025/3/4 9:25:43

【学术会议论文投稿】Spring Boot实战：零基础打造你的Web应用新纪元

第七届人文教育与社会科学国际学术会议（ICHESS 2024）_艾思科蓝_学术一站式服务平台 更多学术会议请看：https://ais.cn/u/nuyAF3 目录 一、Spring Boot简介 1.1 Spring Boot的诞生背景 1.2 Spring Boot的核心特性 二、搭建开发环境 2.1…...

编程日记 2025/3/4 9:23:40

OpenWebUI提示器：Prompt工程的“智能助手”还是“自动化革命”？

引言：当AI对话成为日常，如何让模型更懂你？ 在AI技术爆炸式发展的今天，从写邮件到生成代码，大型语言模型（如ChatGPT、Claude等）已深入日常场景。但你是否遇到过这样的问题？ “为什么…...

编程日记 2025/3/4 9:21:38

Spring Boot 异步编程深入剖析

Spring Boot 异步编程深入剖析 1. 异步方法的使用 原理深度解析 Spring Boot 的异步方法基于 Spring 的 AOP（面向切面编程）实现。当在方法上添加 Async 注解时，Spring 会为该方法所在的类创建一个代理对象。当调用该异步方法时&#xff0c…...

编程日记 2025/3/4 9:19:36

使用pyinstaller和tinyaes，对加密文件文件源码进行打包

使用pyinstaller和tinyaes，对加密文件文件源码进行打包 winr后，进入cmd命令行 1. 安装虚拟环境 pip install virtualenv pip install virtualenvwrapper-win2. 制作虚拟环境 mkvirtualenv -p"你的Python解释器地址" py版本号 例如&#xff…...

编程日记 2025/3/4 9:17:29

分布式和微服务的理解

分布式系统 概念：分布式系统是由多个通过网络连接的节点组成的系统，这些节点分布在不同的地理位置或计算机上，它们相互协作，共同完成一个或多个任务，对用户或外部系统而言，就好像是一个单一的、统一的系统…...

编程日记 2025/3/4 9:16:26

麒麟V10-SP2-x86_64架构系统下通过KVM创建虚拟机及配置虚机的NAT、Bridge两种网络模式全过程

文章目录 一、什么是虚拟化？虚拟化具有哪些优势 二、常见的虚拟化技术1、kvm介绍2、kvm工作原理3、kvm功能 三、安装kvm并启动第一个kvm机器1、环境准备2、安装kvm工具3、启动并设置开机自启 libvirtd 服务4、验证 KVM 模块是否加载5、上传系统镜像到指定目录6、网络…...

编程日记 2025/3/4 9:15:25

watchEffect的用法

watchEffect的用法 watchEffect的回调方法里，用到了哪个属性，就监视哪个属性 let temp 0; let height 0; watchEffect(()>{if(temp.value > 60 || height.value > 80){console.log(给服务器发请求)} })...

编程日记 2025/3/4 9:14:23

第15届 蓝桥杯 C++编程青少组中级省赛 202408 真题答案及解析

第 1 题 【 单选题 】 定义 char a[]="hello\nworld"，执行 cout<<a，输出结果是（ ） A：helloworld B： hello world C：hellonworld D：hello\nworld 解析： 转义字符的作用 \n 是换行符，会被编译器解析为换行操作，而非直接输出字符 \n。 输出…...

编程日记 2025/3/4 9:11:20

扫描纸质文件转pdf---少页数+手机+电脑协作

针对手机上扫描软件扫描文件转pdf要收费的问题&#xff0c;提供一种在页数较少时的免费替代方案 。 实现方法&#xff1a;手机软件的免费功能将文件扫描并保存为图片电脑端在word中将图片拼成文档word转pdf 1.借助于“扫描全能王”APP可以免费扫描文件为图片的功能&#xff0…...

编程日记 2025/3/4 9:10:18

大模型巅峰对决：DeepSeek vs GPT-4/Claude/PaLM-2 全面对比与核心差异揭秘

文章目录 一、架构设计深度解剖1.1 核心架构对比图谱1.2 动态MoE架构实现架构差异分析表 二、训练策略全面对比2.1 训练数据工程对比2.2 分布式训练代码对比DeepSeek混合并行实现GPT-4 Megatron实现对比 2.3 关键训练参数对比 三、性能表现多维评测3.1 基准测试全景对比3.2 推理…...

编程日记 2025/3/4 9:09:16

运维实战---多种方式在Linux中部署并初始化MySQL

运维实战—多种方式在Linux中部署并初始化MySQL 前言实验环境介绍一、源码包安装MySQL 1、配置MySQL&编译安装2、初始化数据库3、配置环境变量 二、yum安装MySQL三、rpm安装MySQL 前言 MySQL是常用的关系型数据库&#xff0c;具有以下特点&#xff1a; 1、开源&#xff…...

编程日记 2025/3/4 9:08:15

SQL注入攻击

SQL注入攻击的原理 原理&#xff1a;将SQL命令插入到web表单递交或输入域名或页面请求的查询字符串&#xff0c;最终达到欺骗服务器&#xff0c;执行恶意的SQL命令 SQL注入攻击的主要原因 SQL注入主要原因是程序员在开发用户和数据库的系统时没有对用户输入的字符串进行过滤…...

编程日记 2025/3/4 9:07:13

面试常问的压力测试问题

性能测试作为软件开发中的关键环节&#xff0c;确保系统在高负载下仍能高效运行。压力测试作为性能测试的重要类型&#xff0c;旨在通过施加超出正常负载的压力&#xff0c;观察系统在极端条件下的表现。面试中&#xff0c;相关问题常被问及&#xff0c;包括定义、重要性、与负…...

编程日记 2025/3/4 9:06:11

基于Windows内核驱动框架的游戏控制器虚拟化技术实现方案

基于Windows内核驱动框架的游戏控制器虚拟化技术实现方案 【免费下载链接】ViGEmBus Windows kernel-mode driver emulating well-known USB game controllers. 项目地址: https://gitcode.com/gh_mirrors/vi/ViGEmBus 在Windows游戏生态系统中&#xff0c;设备兼容性一…...

编程新知 2026/5/22 0:14:04

UVa 255 Correct Move

题目分析 这是一道关于国际象棋棋盘上王和后移动规则的模拟问题。题目描述了一个 888 \times 888 的棋盘&#xff0c;格子编号从 000 到 636363&#xff0c;编号方式为逐行排列&#xff08;第 000 行&#xff1a;0∼70 \sim 70∼7&#xff0c;第 111 行&#xff1a;8∼158 \sim…...

编程新知 2026/5/21 23:43:00

【深度解析】从 Antigravity 2.0 看 AI Agent 的产品化演进：动态子代理、项目工作区与多模型编排实战

摘要&#xff1a; Google Antigravity 2.0 的核心变化&#xff0c;不只是功能增加&#xff0c;而是把 AI Agent 从“对话工具”推进到“可编排的执行系统”。本文解析动态子代理、项目级工作区、后台任务与工具链设计&#xff0c;并给出基于 OpenAI 兼容接口的 Python 实战代码…...

编程新知 2026/5/21 23:22:40

豆包生成的流程图怎么导出

标题&#xff1a;不只是聊天&#xff1a;深度解析豆包——从AI助手到数字生活的“协作者” 在当前大模型应用百花齐放的时代&#xff0c;豆包&#xff0c;作为字节跳动推出的AI对话助手&#xff0c;已悄然成为许多用户日常工作与生活中的“数字伙伴”。它不仅仅是一个能回答问题…...

编程新知 2026/5/21 23:08:31

别再只用软件rand()了！手把手教你启用STM32F4的硬件随机数发生器(RNG)

解锁STM32F4硬件随机数发生器&#xff1a;从理论到实战的嵌入式安全升级指南 在嵌入式开发领域&#xff0c;随机数生成常被视为基础功能而草率对待——直到某次安全审计暴露了系统漏洞&#xff0c;或是高并发场景下性能瓶颈显现。许多开发者习惯性地调用标准库中的rand()函数&a…...

编程新知 2026/5/21 21:23:51

多账号流量内容运营的数据归因与ROI优化：从经验驱动到算法决策的技术转型

&#x1f4cc; 当一个团队同时运营20个以上的新媒体账号时&#xff0c;最大的问题不是"怎么发"&#xff0c;而是"发了之后怎么知道哪条有用"。本文从数据工程角度&#xff0c;拆解多账号流量内容矩阵如何通过数据归因模型实现ROI优化&#xff0c;以星链引擎…...

编程新知 2026/5/21 19:29:55

ElevenLabs海南话语音部署避坑清单（含IPA音标对齐表+海口话声调模板），限免领取仅剩200份

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;ElevenLabs海南话语音部署避坑清单&#xff08;含IPA音标对齐表海口话声调模板&#xff09;&#xff0c;限免领取仅剩200份 部署ElevenLabs模型支持海口话&#xff08;海南闽语&#xff09;语音合成时&…...

编程新知 2026/5/21 19:17:21

写给前端的 CANN-ops-fft：昇腾FFT算子库到底是啥？

写给前端的 CANN-ops-fft&#xff1a;昇腾FFT算子库到底是啥&#xff1f; 之前做信号处理&#xff0c;兄弟问我&#xff1a;“哥&#xff0c;我想做频域分析&#xff0c;昇腾上有现成的 FFT 库吗&#xff1f;” 好问题。今天一次说清楚。 ops-fft 是啥&#xff1f; ops-fft Op…...

编程新知 2026/5/21 18:45:08

【仅限前500名设计师获取】Midjourney双色调调色板生成器（含17组经Adobe Color验证的高转化配色矩阵）

更多请点击&#xff1a; https://codechina.net 第一章&#xff1a;Midjourney双色调调色范式的底层逻辑与设计价值 双色调&#xff08;Duotone&#xff09;并非简单叠加两种颜色&#xff0c;而是基于人眼视觉感知的非线性响应特性&#xff0c;在Midjourney中构建的一套语义化…...

编程新知 2026/5/21 18:40:55

ETS2LA：卡车模拟游戏中的自动化路径跟随系统如何让你轻松驾驭长途运输？

ETS2LA&#xff1a;卡车模拟游戏中的自动化路径跟随系统如何让你轻松驾驭长途运输&#xff1f; 【免费下载链接】Euro-Truck-Simulator-2-Lane-Assist Plugin based interface program for ETS2/ATS. 项目地址: https://gitcode.com/gh_mirrors/eur/Euro-Truck-Simulator-2-L…...

编程新知 2026/5/21 17:13:25