IntelliJ IDEA AI Assistant 携带OpenCode保姆级安装教程来了

IntelliJ IDEA AI Assistant 携带OpenCode保姆级安装教程来了

01 引言

AI Assistant JetBrains 官方推出的 AI 驱动插件,专为软件开发设计。但是之前由于需要订阅才能使用,安装了之后又卸载了。

上一节简单介绍了一下IDEA 2026.1的简单功能,没有实际使用AI Assistant推出的ACP自定义模型。本节将通过安装opencode了解其使用过程。

02 安装

安装上一节已经介绍了,这里不在赘述。但是在安装过程中可能会出现一些问题。

2.1 安装后无法使用

明显显示已经安安装好了,几乎秒级安装,怎么感觉都有点离谱。

但是在对话框无法使用,无法发出信息,也没有选择模型的地方。

其实这个时候是后台在下载opencode的安装包,只不过界面没有明确的提示。可能由于网络原因下载失败,导致对话框无法使用。如果有网络原因,也可以从GitHub手动下载。

真正下载完成之后保存的位置:

C:\Users\{user.name}\AppData\Local\JetBrains\acp-agents\.downloads\opencode

重启IDEA编辑器,就会发现正常了。可以选择模式以及模型

2.2 测试

我们选择免费的模型测试一下:Qwen3.6 Plus

到这里基本就安装成功了。

我们在是是一下能不能改页面。恰好有个页面中文乱码,我们让他修复一下。

我们先通过plan模式分析,没有问题了在修改。

修复效果:

修复过程中文件的变动,IDEA没有像Qoder等一样提示用户页面的修改位置以及修复前后对比。

03 接入本地客户端

上面介绍了在线安装的方法。但是我本地已经使用npm的方式安装了opencode,能不能直接使用呢?

3.1 查看安装位置

# windows环境 where opencode 

3.2 本地配置

AI Chat->设置->add custom agent中,就会打开acp.json

默认只为:

{"default_mcp_settings":{}}

我们需要配置如下内容:

{"default_mcp_settings":{"use_idea_mcp":true,// 是否启用 IDE 内置 MCP"use_custom_mcp":true// 是否启用自定义 MCP},"agent_servers":{"你的代理名称":{"command":"E:\install\npm\opencode.cmd",// 如 "opencode", "python", "node" 等"args":["acp"]// 如 ["acp"] 或 ["run", "--mode=agent"]}}}

字段解释

default_mcp_settings - MCP (Model Context Protocol) 默认设置

  • use_idea_mcp: true 表示启用 JetBrains 内置的 MCP 服务,让 AI 代理可以访问 IDE 功能(如代码搜索、文件操作等)
  • use_custom_mcp: true 表示允许使用自定义的 MCP 服务配置
    agent_servers - 定义可用的 AI 代理服务器

OpenCode: 代理服务器名称(可自定义)

  • command: 启动代理的命令路径,这里是 OpenCode 的可执行文件路径
  • args: 启动参数,[“acp”] 表示以 ACP 模式运行

文件地址:C:\Users\{user.name}\.jetbrains

3.3 测试

没有问题。

由于OpenCode高版本中,必须登录之后才能使用,如果初次使用需要认证输入Api Key,这个自行申请即可。

04 小结

其他的AI客户端大同小异,感兴趣的老铁快去试试吧。

Read more

前端常用可视化图表组件大全

🖥️ PC端主流图表库(通常也支持移动端) 这些是功能最强大、应用最广泛的库,能覆盖绝大多数PC端仪表盘和后台管理系统的需求。 库名称核心特点适用场景渲染技术开源/许可ECharts国产全能型:图表类型极丰富(50+种),配置灵活,中文文档友好,社区庞大。支持Canvas和SVG双引擎渲染,性能优异 。企业级后台、大屏展示、PC端各类复杂图表需求。Canvas/SVGApache 2.0 (开源)Chart.js简单易用:上手门槛极低,API简洁明了,文档清晰。设计风格清新现代,响应式布局是内置的 。快速原型开发、小型项目、需要简洁美观图表的场景。CanvasMIT (开源)Highcharts成熟稳定:商业级库,兼容性极佳(支持IE6),交互和样式非常精致。被全球众多大公司信赖,文档和示例极其完善 。对浏览器兼容性要求严苛的金融、政府项目;追求极致稳定性的企业应用。SVG/VML免费供非商业使用,商业需许可D3.js定制之王:不提供预制图表,

爬虫前端调试常见反调试问题及解决方案(超详细实操版)

爬虫前端调试常见反调试问题及解决方案(超详细实操版)

爬虫前端调试常见反调试问题及解决方案(网页实操版) 在爬虫开发过程中,前端调试是获取接口、分析渲染逻辑的关键步骤,但很多网站会设置反调试机制,阻碍我们正常调试。本文整理了7个爬虫前端调试中最常遇到的反调试问题,每个问题都详细说明现象、原因,并给出一步一步的实操解决方案,同时预留截图位置,方便大家插入操作截图,快速上手解决问题。 适用场景:爬虫开发、前端调试、反调试绕过,适合新手入门,也可作为老开发者的调试手册。 问题1:打断点时出现webpack://…相关报错 一、问题现象 在浏览器开发者工具(F12)的Sources面板打断点后,控制台频繁弹出报错,报错信息中包含“webpack://”开头的路径,且断点无法正常触发,调试流程被中断,无法查看代码执行逻辑和参数传递过程。 二、问题原因 这是因为目标网站使用了Webpack打包工具,Webpack在打包时会保留源码的溯源信息,而浏览器开发者工具默认开启了JavaScript溯源功能,会尝试解析Webpack打包后的源码路径,当路径无法匹配或被网站反调试拦截时,就会抛出此类报错,同时干扰断点的正常执行。 三、解决方案(

新手必看!ClaudeCode+Figma-MCP 前端代码 1:1 还原 UI 的入门指南

理解基础概念 ClaudeCode与Figma-MCP结合使用能实现设计稿到代码的高效转换。Figma-MCP是Figma的代码生成插件,ClaudeCode是AI辅助编程工具,两者搭配可自动生成高保真前端代码。 安装必要工具 确保已安装Figma桌面版或网页版,在Figma社区搜索并安装MCP插件。ClaudeCode通常作为VSCode插件或独立应用使用,需在对应平台完成安装和账号绑定。 设计稿准备 在Figma中完成UI设计后,使用图层命名规范。建议采用BEM命名法,如header__button--active。为需要交互的元素添加注释,标注状态变化和动效参数。 使用MCP生成基础代码 选中Figma画板或组件,运行MCP插件。配置输出选项为HTML/CSS或React/Vue等框架代码。检查生成的代码结构,重点关注class命名与设计稿的映射关系。 代码优化流程 将MCP生成的代码导入ClaudeCode进行增强。通过自然语言指令调整代码结构,例如"优化响应式布局"或"添加hover动效"。检查Claude建议的代码修改,重点关注跨浏览器兼容性处理。 //