webstorm接入AI教程

1. 确认WebStorm版本与AI插件支持
   接入AI前，先检查WebStorm是否为2023.1或更高版本，因为AI Assistant插件从该版本起逐步内置。打开「Help」→「About」查看版本号。若版本过旧，请先升级到最新稳定版。另外，确认网络能访问JetBrains插件市场，因为AI插件需要从官方仓库下载。如果插件市场不可用，可考虑使用离线安装包，但更推荐直接升级IDE。
2. 安装JetBrains AI Assistant插件
   在WebStorm中，打开「File」→「Settings」→「Plugins」，切换到「Marketplace」标签，搜索「AI Assistant」。找到后点击「Install」安装。安装完成后重启IDE。重启后，右侧工具栏会出现AI Assistant图标，点击即可打开AI对话面板。如果搜索不到，请检查插件市场源是否设置正确，或手动从JetBrains官网下载插件zip文件，然后在「Settings」→「Plugins」→「齿轮图标」→「Install Plugin from Disk」安装。
3. 登录JetBrains账号并启用AI服务
   AI Assistant需要JetBrains账号授权。安装插件后，点击工具栏的AI Assistant图标，会弹出登录窗口。使用JetBrains账号登录，并同意AI服务条款。登录后，AI功能即激活。注意：AI服务可能因地区或账号类型受限，如果登录后无法使用，请检查账号是否已绑定有效的订阅或试用。免费版账号可能只有有限次数的AI请求，超出后需等待或升级。
4. 使用AI代码补全与生成
   接入后，在编辑器中输入代码时，AI会提供智能补全建议，按Tab键接受。要生成整段代码，可选中代码后按「Alt+Enter」选择「AI Actions」→「Generate Code」，或直接在AI面板输入自然语言描述，如「写一个读取JSON文件的函数」。AI会生成代码并插入光标处。生成后建议人工审查，因为AI可能产生不准确或过时的API用法。
5. 用AI解释、重构和写测试
   选中一段代码，右键选择「AI Assistant」→「Explain Code」，AI会用中文解释代码逻辑。选择「Refactor Code」可让AI优化结构，如提取函数、重命名变量。选择「Generate Tests」可自动生成单元测试框架代码。这些功能都在AI面板的上下文菜单中。使用时注意，AI对复杂业务逻辑的理解有限，解释和重构结果仅供参考，需结合项目实际验证。
6. 配置OpenAI兼容接口（可选）
   如果你不想用JetBrains官方AI，而是接入自己的OpenAI API或兼容服务，可在「Settings」→「Tools」→「OpenAI」中配置。填写API Base URL和API Key，选择模型如gpt-4o-mini。配置后，AI面板会使用该接口。注意：此方式需要你自行承担API费用，且WebStorm版本需支持该配置项。若找不到该设置，说明版本不支持，请升级。

软件页面：Webstorm。