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

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

news 2026/4/1 21:00:06

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

从零开始：Java使用通用物体识别-ResNet18镜像实现图像分类

从零开始&#xff1a;Java使用通用物体识别-ResNet18镜像实现图像分类 你是否想过&#xff0c;用Java写几行代码&#xff0c;就能让程序看懂一张图片里有什么&#xff1f;过去&#xff0c;这可能需要搭建复杂的Python环境、学习深度学习框架、处理繁琐的模型部署。但现在&…...

编程新知 2026/4/1 20:54:05

GooglePlay多账号管理神器推荐：5款工具帮你轻松实现合规隔离（2025亲测有效）

GooglePlay多账号管理实战指南&#xff1a;2025年高效合规工具与策略 在移动应用生态中&#xff0c;Google Play作为全球最大的应用分发平台&#xff0c;其严格的账号管理政策让许多开发者感到头疼。特别是对于那些需要运营多个账号的开发者来说&#xff0c;如何在合规前提下实…...

编程新知 2026/4/1 20:33:58

避开这些坑！FFmpeg.wasm在Vue项目中的完整避坑指南（含SharedArrayBuffer报错解决方案）

FFmpeg.wasm在Vue项目中的深度实践与疑难解析 当现代Web应用需要处理音视频编辑、转码或流媒体时&#xff0c;FFmpeg.wasm正成为前端开发者的利器。本文将深入探讨如何在高安全要求的Vue项目中稳定集成这一技术方案&#xff0c;特别针对生产环境中可能遇到的SharedArrayBuffer限…...

编程新知 2026/4/1 20:29:56

算法对齐还是实战突围？解构GEO优化中方法论与实践的权重博弈

在生成式人工智能&#xff08;AIGC&#xff09;重塑全球信息检索范式的当下&#xff0c;生成式引擎优化&#xff08;Generative Engine Optimization, GEO&#xff09;已从一种前沿概念演变为品牌流量增长的底层操作系统。随着大语言模型&#xff08;LLM&#xff09;与检索增强…...

编程新知 2026/4/1 19:17:04

Nunchaku FLUX.1 CustomV3部署案例：AI绘画培训课程实训环境标准化镜像交付方案

Nunchaku FLUX.1 CustomV3部署案例&#xff1a;AI绘画培训课程实训环境标准化镜像交付方案 1. 引言&#xff1a;当AI绘画遇上教育培训的规模化挑战 如果你正在运营一个AI绘画培训班&#xff0c;或者负责一个数字艺术学院的课程设计&#xff0c;你肯定遇到过这样的难题&#x…...

编程新知 2026/4/1 18:30:07

intv_ai_mk11实测效果：在24GB显存限制下保持128~512 token长文本生成质量

intv_ai_mk11实测效果&#xff1a;在24GB显存限制下保持128~512 token长文本生成质量 1. 模型效果惊艳展示 intv_ai_mk11作为一款基于Llama架构的中等规模文本生成模型&#xff0c;在24GB显存环境下展现出了令人印象深刻的长文本生成能力。不同于常规模型在显存限制下容易出现…...

编程新知 2026/4/1 16:59:26

Qwen3.5-9B Java面试宝典生成器：动态定制八股文与场景题

Qwen3.5-9B Java面试宝典生成器&#xff1a;动态定制八股文与场景题 1. 为什么需要智能面试助手 Java开发者求职路上&#xff0c;最头疼的莫过于海量面试题的整理和记忆。传统方式要么依赖网上零散的八股文合集&#xff0c;要么自己手动整理知识点&#xff0c;效率低下且难以…...

编程新知 2026/4/1 14:16:00

GitHub加速完全指南：从卡顿到飞一般体验的实战方案

GitHub加速完全指南&#xff1a;从卡顿到飞一般体验的实战方案 【免费下载链接】gh-proxy github release、archive以及项目文件的加速项目 项目地址: https://gitcode.com/gh_mirrors/gh/gh-proxy 问题诊断&#xff1a;你的GitHub访问为何如此缓慢&#xff1f; 网络延…...

编程新知 2026/4/1 13:59:42

告别重复编码：用快马AI自动生成软件库e7c9的高效调用代码

作为一名经常和第三方库打交道的开发者&#xff0c;我深刻体会到手动编写调用代码的繁琐。尤其是像e7c9这样功能强大的软件库&#xff0c;虽然封装完善&#xff0c;但每次调用都需要反复查阅文档、处理边界情况&#xff0c;效率实在不高。最近尝试用InsCode(快马)平台的AI辅助生…...

编程新知 2026/4/1 13:47:21

猫抓插件：资源嗅探技术如何重塑浏览器媒体捕获体验

猫抓插件&#xff1a;资源嗅探技术如何重塑浏览器媒体捕获体验 【免费下载链接】cat-catch 猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension 项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch 在数字内容爆炸的时代&#xff0c;网…...

编程新知 2026/4/1 12:38:20