Monaco Editor on 办公AI智能小助手 https://blog.qife122.com/tags/monaco-editor/ Recent content in Monaco Editor on 办公AI智能小助手 Hugo zh-cn qife Wed, 17 Sep 2025 14:24:26 +0800 使用Next.js 15、TypeScript、Tailwind CSS和Goose AI构建类似VS Code的在线IDE https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8next.js-15typescripttailwind-css%E5%92%8Cgoose-ai%E6%9E%84%E5%BB%BA%E7%B1%BB%E4%BC%BCvs-code%E7%9A%84%E5%9C%A8%E7%BA%BFide/ Wed, 17 Sep 2025 14:24:26 +0800 https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8next.js-15typescripttailwind-css%E5%92%8Cgoose-ai%E6%9E%84%E5%BB%BA%E7%B1%BB%E4%BC%BCvs-code%E7%9A%84%E5%9C%A8%E7%BA%BFide/ <h1 id="项目概述">项目概述</h1> <p>在本教程中，我们将使用现代Web技术构建一个受Visual Studio Code启发的在线IDE：Next.js 15、TypeScript、Tailwind CSS和Goose AI的API。该IDE将根据您输入的内容或任何内联注释提示提供实时代码建议。</p> 使用 Next.js 15、TypeScript、Tailwind CSS 和 Goose AI 构建类 VS Code 在线 IDE https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8-next.js-15typescripttailwind-css-%E5%92%8C-goose-ai-%E6%9E%84%E5%BB%BA%E7%B1%BB-vs-code-%E5%9C%A8%E7%BA%BF-ide/ Tue, 09 Sep 2025 04:09:50 +0800 https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8-next.js-15typescripttailwind-css-%E5%92%8C-goose-ai-%E6%9E%84%E5%BB%BA%E7%B1%BB-vs-code-%E5%9C%A8%E7%BA%BF-ide/ <h1 id="构建类-vs-code-在线-ide">构建类 VS Code 在线 IDE</h1> <p>在本教程中，我们将使用现代 Web 技术构建一个受 Visual Studio Code 启发的在线 IDE：Next.js 15、TypeScript、Tailwind CSS 和 Goose AI 的 API。该 IDE 将根据您输入的内容或任何内联注释提示提供实时代码建议。</p>