Jetbrains系列工具 Idea Websotrm中使用Claude Code 可白嫖

优质文章学习记录

— 1 min read
市面上很多AI工具都是基于vsCode 习惯Idea的用户使用起来会特别别扭 本文将展示idea中如何使用ClaudeCode

1. 注册api (二选一)

1. 智普AI国内转发 GLM-5.1

地址: 直达链接
价格: 首年200+

2. 硅基流动

地址: 直达链接
白嫖模型: Qwen/Qwen3-8B
配置:

{"env":{"ANTHROPIC_AUTH_TOKEN":"sk-xxx","ANTHROPIC_BASE_URL":"https://api.siliconflow.cn","ANTHROPIC_DEFAULT_HAIKU_MODEL":"Qwen/Qwen3-8B","ANTHROPIC_DEFAULT_OPUS_MODEL":"Qwen/Qwen3-8B","ANTHROPIC_DEFAULT_SONNET_MODEL":"Qwen/Qwen3-8B","ANTHROPIC_MODEL":"Qwen/Qwen3-8B"}}

2. 安装cc-switch (切换token使用)

地址: https://github.com/farion1231/cc-switch/releases
CC-Switch中的配置

在这里插入图片描述

3. 安装 Claude Code

npminstall-g @anthropic-ai/claude-code

4. idea中安装Claude Code插件

在这里插入图片描述


在这里插入图片描述

Read more

前端怎么打断点，debugger使用教程

流程1：打上断点 方式一：编辑器内 在一行代码的前面或者后面写上debugger 运行到这的时候就会停止啦 方式二：浏览器控制台内 直接在控制台的source(中文版为源代码/来源)目录下点击左边的行数即可 然后刷新一下  流程2：遇上断点 遇到断点后，程序会停止运行，此时注意，控制器里打断点的那行代码并没有被执行， 第一个按钮是一直执行到下一个断点的意思，直到运行完毕 第二个按钮是进行下一步，也就是执行下一个逻辑，又或者说，【按逻辑（比如会遇到 if 那些）去执行下一行代码】。 箭头：停止断点调试 眼睛：不跳入函数中去，继续执行下一行代码（F10） 向下的箭头：跳入函数中去（F11） 向上的箭头：从执行的函数中跳出 带斜杠的图标：禁用所有的断点，不做任何调试   流程3：查看变量（英文版为scope） 可以查看到不同作用域下的变量的动态变化 ,如下图所示，展示了代码块范围内的所有变量： 提示
【前端实战】从 try-catch 回调到链式调用：一种更优雅的 async/await 错误处理方案

【前端实战】从 try-catch 回调到链式调用：一种更优雅的 async/await 错误处理方案

目录 【前端实战】从 try-catch 回调到链式调用：一种更优雅的 async/await 错误处理方案 一、问题背景：async/await 真的解决了一切麻烦吗？ 二、真实业务场景下的痛点 1、错误需要“分阶段处理” 2、try-catch 的引入打破了 async/await 的链式范式 三、借鉴 Go、Rust 语言特性，错误也是一种结果 1、错误优先风格替代 try-catch 2、封装一个 safeAsync 工具函数 四、进阶版 safeAsync 函数设计 五、结语         作者：watermelo37         ZEEKLOG优质创作者、华为云云享专家、阿里云专家博主、腾讯云“
【Java Web学习 | 第三篇】CSS(2) - 元素显示模式

【Java Web学习 | 第三篇】CSS(2) - 元素显示模式

🌈个人主页: Hygge_Code🔥热门专栏:从0开始学习Java | Linux学习| 计算机网络💫个人格言: “既然选择了远方，便不顾风雨兼程” 文章目录 * CSS元素显示模式 * 2.1 什么是元素显示模式？ * 2.2 三大核心显示模式详解 * 1. 块级元素（Block Level Elements） * 2. 行内元素（Inline Elements） * 3. 行内块元素（Inline-Block Elements） * 2.3元素显示模式的转换语法 * 1. 转为块级元素：`display: block` * 2. 转为行内元素：`display: inline` * 3. 转为行内块元素：`display: inline-block` * 2.4 实战案例：小米侧边栏实现 * 2.

前端图像生成终极优化：5倍性能提升的云端渲染实战指南

前端图像生成终极优化：5倍性能提升的云端渲染实战指南 【免费下载链接】dom-to-imagedom-to-image: 是一个JavaScript库，可以将任意DOM节点转换成矢量（SVG）或光栅（PNG或JPEG）图像。 项目地址: https://gitcode.com/gh_mirrors/do/dom-to-image 前端图像生成技术在现代Web应用中扮演着关键角色，从报表导出到数据可视化，都离不开DOM转图片的核心能力。然而，浏览器内存限制和计算瓶颈常常成为性能优化的拦路虎。本文将通过四阶段系统化方案，带你实现从本地渲染到云端渲染的无缝迁移，获得5倍性能提升和70%内存占用降低的显著效果。 第一阶段：问题诊断与性能瓶颈定位 🔍 1.1 核心痛点识别 在前端直接使用dom-to-image进行图像生成时，我们通常会遇到三大典型问题： 性能瓶颈表现： * 复杂DOM节点（含200+图表）渲染耗时超过8秒 * 移动端频繁出现"Out Of Memory"错误 * 跨浏览器渲染结果不一致 量化诊断指标： // 性能监控代码示例 const