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

WebStorm中使用live-server插件

article 2026/1/28 21:09:41

文章目录

  • 1. 前提条件
    • 1.1 已安装Node
      • 1.1.1 淘宝的镜像
    • 1.2 安装live-server
    • 1.3 安装WebStorm
  • 2. Windows配置hosts
  • 3. WebStorm配置live-server
    • 3.1 WebStorm创建
    • 3.2 启动 live-server

1. 前提条件

1.1 已安装Node

Windows PowerShell
版权所有（C） Microsoft Corporation。保留所有权利。安装最新的 PowerShell，了解新功能和改进！https://aka.ms/PSWindowsPS C:\Users\23107> npm -v
8.19.4
PS C:\Users\23107> node -v
v16.20.2

1.1.1 淘宝的镜像

  • npm config set registry https://registry.npm.taobao.org
  • npm install -g cnpm --registry=https://registry.npm.taobao.org
  • npm config get registry

1.2 安装live-server

指令：npm install live-server -g

Microsoft Windows [版本 10.0.26100.3476]
(c) Microsoft Corporation。保留所有权利。C:\Windows\System32>cd D:
D:\C:\Windows\System32>d:d:\Develop\Mine>cd D:\Develop\Mine\WebstormProjects\fdy-live-webD:\Develop\Mine\WebstormProjects\fdy-live-web>npm

相关文章：

WebStorm中使用live-server插件

文章目录 1. 前提条件1.1 已安装Node1.1.1 淘宝的镜像1.2 安装live-server1.3 安装WebStorm2. Windows配置hosts3. WebStorm配置live-server3.1 WebStorm创建3.2 启动 live-server1. 前提条件 1.1 已安装Node Windows PowerShell 版权所有（C） Microsoft Corporation。保留所…...

编程日记 2025/11/21 1:13:36

RTP Payload Format for H.264 Vide(1)

摘要：： 本备忘录描述了一种用于 ITU-T H.264 视频编码标准（与 ISO/IEC 国际标准 14496-10 技术上相同）的 RTP 负载格式，但不包括可伸缩视频编码（SVC）扩展和多视角视频编码（MVC&#…...

编程日记 2026/1/4 2:21:25

我为女儿开发了一个游戏网站

大家好，我是星河。 自从协助妻子为女儿开发了算数射击游戏后，星河就一直有个想法：为女儿打造一个专属的学习游戏网站。之前的射击游戏虽然有趣，但缺乏难度分级，无法根据女儿的学习进度灵活调整。而且，仅仅…...

编程日记 2026/1/19 0:18:58

【Spring Cloud Netflix】GateWay服务网关

1.基本概述 GateWay用于在微服务架构中提供统一的入口点，对请求进行路由，过滤和处理。它就像是整个微服务系统的大门，所有外部请求都要通过它才能访问到后端的各个微服务。 2.核心概念 2.1路由(Route) 路由是Spring Cloud gateWay中最基本…...

编程日记 2026/1/18 18:09:52

Docker部署Jenkins服务

文章目录 1.下载Jenkins服务2.部署Java21（可选）2.1 安装Java21 3.Maven3.9.9安装4.启动Jenkins5.初始化Jenkins5.1 入门5.2 安装推荐的插件5.3 创建第一个管理员用户5.4 实例配置5.5 Jenkins已就绪5.6 开始使用Jenkins5.7 重启Jenkins 6.配置Jenkins6.1 …...

编程日记 2026/1/26 1:30:01

[ctfshow web入门] web40

信息收集 怎么一下子多这么多过滤啊，我以为跳过了好几题 这又能eval了，但是连$也不能用了 不能用. * ?，所以打不出fla*或者fla?????了 不能用/，构造不出日志注入和伪协议包含 仔细观察，禁的是中文的括号&#x…...

编程日记 2026/1/11 5:41:23

蓝桥杯c ++笔记(含算法 贪心+动态规划+dp+进制转化+便利等)

蓝桥杯 #include <iostream> #include <vector> #include <algorithm> #include <string> using namespace std; //常使用的头文件动态规划 小蓝在黑板上连续写下从 11 到 20232023 之间所有的整数&#xff0c;得到了一个数字序列&#xff1a; S12345…...

编程日记 2026/1/22 2:39:11

UE5 Windows游戏窗口置顶

参考资料&#xff1a;UE5 UE4 项目设置全局置顶_ue4运行设置置顶-CSDN博客 修改完build.cs后&#xff0c;关掉重新生成解决方案。&#xff08;不然可能编译报错&#xff0c;在这卡了半个小时&#xff09; 不知道怎么用C的&#xff0c;可以用这个 Topmost - Keep Editor/Game w…...

编程日记 2026/1/24 3:45:25

Qt问题之 告别软件因系统默认中文输入法导致错误退出的烦恼

1. 问题 使用Qt进行研发时&#xff0c;遇到一个问题&#xff0c;当在系统默认输入法中文&#xff08;英文输入法或者搜狗就不会触发闪退&#xff09;的情况下&#xff0c;选中QTableWidget控件&#xff08;QTableWidgetItem有焦点&#xff0c;但是不双击&#xff09;&#xff…...

编程日记 2026/1/22 16:58:31

力扣热题100刷题day62|283.移动零、39.组合总和、94.二叉树的中序遍历

1.283.移动零——双指针 快慢两个指针&#xff0c;慢指针指向新数组&#xff0c;快指针遍历旧数组&#xff0c;寻找非0元素&#xff0c;找到后&#xff0c;交换快慢指针所指向元素&#xff1b; 因为快指针已经遍历过&#xff0c;所以交换前慢指针处的元素都是0&#xff1b; …...

编程日记 2026/1/27 12:12:59

API 请求失败时的处理方法

在使用 Python 爬虫调用 API 时&#xff0c;请求失败是一个常见的问题。这可能是由于网络问题、API 限制、服务器错误或其他原因导致的。为了确保爬虫的稳定性和可靠性&#xff0c;我们需要合理地处理这些失败的请求。以下是一些有效的处理方法&#xff1a; 1. 捕获异常 使用…...

编程日记 2026/1/21 23:56:16

【MySQL | 八、 事务管理】

文章目录 什么是事务&#xff1f;事务的特性&#xff1a;事务的意义事务的提交查看事务提交方式事务的自动提交事务的手动提交开始事务执行SQL操作事务操作提交事务示例&#xff1a; 事务的隔离级别并发访问的基本概念并发事务的典型问题对ACID特性的影响查看和设置隔离属性各个…...

编程日记 2026/1/24 0:40:04

AlDente Pro for Mac电脑 充电限制保护工具

AlDente Pro for Mac电脑 充电限制保护工具 一、介绍 AlDente Pro for Mac&#xff0c;是一款充电限制保护工具&#xff0c;是可以限制最大充电百分比来保护电池的工具。锂离子和聚合物电池&#xff08;如 MacBook 中的电池&#xff09;在40&#xff05; 至 80&#xff05; 之…...

编程日记 2026/1/24 6:33:39

算法训练之动态规划（一）

♥♥♥~~~~~~欢迎光临知星小度博客空间~~~~~~♥♥♥ ♥♥♥零星地变得优秀~也能拼凑出星河~♥♥♥ ♥♥♥我们一起努力成为更好的自己~♥♥♥ ♥♥♥如果这一篇博客对你有帮助~别忘了点赞分享哦~♥♥♥ ♥♥♥如果有什么问题可以评论区留言或者私信我哦~♥♥♥ ✨✨✨✨✨✨ 个…...

编程日记 2026/1/17 16:34:28

Navicat连接远程PostGreSQL失败

问题描述 使用本地Navicat连接Windows远程服务器上部署的PostGreSQL数据库时，出现以下错误： 解决方案 出现以上报错信息，是因为PostGreSQL数据库服务尚未设置允许客户端建立远程连接。可做如下配置， 1. 找到PostGreSQL数据库安装目录下的data子文件夹，重点关注：postgres…...

编程日记 2026/1/24 9:47:42

漏洞扫描系统docker版本更新（2025.4.10）

一、github地址 https://github.com/huan-cdm/info_scan本人一直维护的一个项目&#xff0c;持续更新中&#xff0c;感兴趣的小伙伴帮忙点点星 二、docker版本更新 1. 账号密码&#xff1a;nginx/web/mysql&#xff1a;admin/123456 2. 创建docker自定义网络&#xff0c;使容…...

编程日记 2025/11/2 6:49:32

新一代达梦官方管理工具SQLark：可视化建表操作指南

在数据库管理工作中&#xff0c;新建表是一项基础且频繁的操作。SQLark 的可视化建表功能为我们提供了一种高效、便捷且丝滑流畅的建表新体验。一起来了解下吧。 SQLark 官方下载链接&#xff1a;www.sqlark.com 新建表作为常见的功能&#xff0c;相比其他管理工具&#xff0c;…...

编程日记 2026/1/5 6:15:53

什么是EXR透视贴图 ?

EXR透视贴图是一种基于 OpenEXR 格式的高动态范围&#xff08;HDR&#xff09;图像技术&#xff0c;主要用于3D建模、渲染和视觉特效领域。它通过高精度图像数据和透视映射功能&#xff0c;为场景创建逼真的光影效果和空间深度。 技术原理 高动态范围&#xff08;HDR&#xf…...

编程日记 2026/1/24 16:35:47

音频转文本：如何识别音频成文字

Python脚本：MP4转MP3并语音识别为中文 以下是一个完整的Python脚本，可以将MP4视频转换为MP3音频，然后使用语音识别模型将音频转换为中文文本。 准备工作 首先需要安装必要的库： pip install moviepy pydub SpeechRecognition openai-whisper完整脚本 import os from m…...

编程日记 2025/11/27 7:56:43

每日一题（小白）数组娱乐篇21

由于题意可知我们是要将对应的数字转换为英文&#xff0c;我们要考虑两点一个是进制的转换&#xff0c;也就是类似于我们的十进制一到9就多一位&#xff0c;这里的进制就是Z进制也就是27进制一旦到26下一位则进位&#xff1b;另一方面要考虑数字的转换也就是1~26对应A~Z。解决上…...

编程日记 2026/1/27 22:04:16

LINUX的使用（1）-挂载云硬盘

1.磁盘的挂载&#xff1a; 这个输出是来自 fdisk 或类似的工具&#xff0c;它展示了两块磁盘的分区信息。让我们逐个分析&#xff1a; 第一块磁盘 /dev/sda: 磁盘大小: 53.7 GB (约 53687091200 字节)&#xff0c;总共有 104857600 个扇区。扇区单位: 每个扇区大小为 512 字节…...

编程日记 2026/1/22 2:40:11

GPT-4o-image模型：开启AI图片编辑新时代

在生成式AI技术爆发式迭代的今天&#xff0c;智创聚合API率先突破多模态创作边界&#xff0c;正式发布集成GPT-4o-image模型的创作平台&#xff0c;以“文生图-图生图-循环编辑”三位一体的技术矩阵&#xff0c;重新定义数字内容生产流程。生成图像效率较传统工具提升300%&…...

编程日记 2026/1/24 0:37:51

基于Python的网络爬虫技术研究

基于Python的网络爬虫技术研究 以下从多个方面为你介绍基于 Python 的网络爬虫技术&#xff1a; 概述 网络爬虫是一种自动获取网页内容的程序&#xff0c;在 Python 中可以借助诸多强大的库和工具实现。网络爬虫能应用于数据采集、搜索引擎、舆情监测等众多领域。 核心库 …...

编程日记 2026/1/24 9:47:51

使用pip3安装PyTorch与PyG，实现NVIDIA CUDA GPU加速

使用python3的pip3命令安装python依赖库。 # python3 -V Python 3.12.3 # # pip3 -V pip 25.0.1 from /root/.pyenv/versions/3.12.3/lib/python3.12/site-packages/pip (python 3.12)Usage: pip3 install [options] <package> ...pip3 install [options] -r <re…...

编程日记 2026/1/28 0:36:59

Rust主流框架性能比拼: Actix vs Axum vs Rocket

本内容是对知名性能评测博主 Anton Putra Actix (Rust) vs Axum (Rust) vs Rocket (Rust): Performance Benchmark in Kubernetes 内容的翻译与整理, 有适当删减, 相关指标和结论以原作为准 在以下中&#xff0c;我们将比较 Rust 生态中最受欢迎的几个框架。我会将三个应用程序…...

编程日记 2026/1/28 1:29:50

设计模式-观察者模式和发布订阅模式区别

文章目录 其他不错的文章 二者有类似的地方&#xff0c;也有区别。 引用的文章说的已经比较清楚了&#xff0c;这里只列出对比图。 对比点观察者模式发布订阅模式中间人角色无事件中心&#xff0c;观察者直接订阅目标有事件中心&#xff0c;发布者与订阅者通过事件中心通信关系…...

编程日记 2026/1/8 2:14:44

【QT】QT的消息盒子和对话框（自定义对话框）

QT的消息盒子和对话框&#xff08;自定义对话框&#xff09; 一、消息盒子QMessageBox1、弹出警告盒子示例代码&#xff1a;现象&#xff1a; 2、致命错误盒子示例代码&#xff1a;现象&#xff1a; 3、帮助盒子示例代码&#xff1a;现象&#xff1a; 4、示例代码&#xff1a; …...

编程日记 2026/1/27 13:27:53

ArcGIS 给大面内小面字段赋值

文章目录 引言：地理数据处理中的自动化赋值为何重要？实现思路模型实现关键点效果实现步骤1、准备数据2、执行3、完成4、效果引言：地理数据处理中的自动化赋值为何重要？ 在地理信息系统（GIS）的日常工作中，空间数据的属性字段赋值是高频且关键的操作，例如在土地利用规划…...

编程日记 2026/1/9 6:20:04

【结合vue源码，分析vue2及vue3的数据绑定实现原理】

结合vue源码&#xff0c;分析vue2及vue3的数据绑定实现原理 Vue 2 数据绑定实现整体思路详细实现1. Observer 类&#xff1a;数据劫持2. Dep 类&#xff1a;依赖收集3. Watcher 类&#xff1a;订阅者 Vue 3 数据绑定实现整体思路详细实现1. reactive 函数&#xff1a;创建响应式…...

编程日记 2026/1/27 6:43:30

WebGPU：前端图形技术的革命性进化与WebGL的未来

WebGPU&#xff1a;前端图形技术的革命性进化与WebGL的未来 WebGPU作为新一代Web图形API&#xff0c;正在引发前端图形领域的深刻变革。本文将全面剖析WebGPU的技术优势、性能表现、应用场景&#xff0c;以及它与WebGL的关系和未来发展趋势。 WebGPU与WebGL的技术代差 WebGP…...

编程日记 2025/12/24 5:09:45