【广】侧下
全展
全折
排序
复制
样式
导出
前端速查
🔍
【文】旁下
【浏】东上
态; 行 0; 列 0; 未
卡片样式设置
导出类图数据
前端开发工作台使用指南
基本布局
  • 左侧面板：聊天系统，可发送指令和查看结果
  • 中间面板：HTML编辑器和预览窗口
  • 右侧面板：代码片段和资源导航
  • 可以通过拖动分隔条调整各个面板的大小
HTML编辑器使用
  • 在中上方编辑HTML代码
  • 选择"实时更新"选项可以在编辑时自动更新预览
  • 或点击"更新预览"手动查看效果
  • 从右侧片段列表中选择代码，自动添加到编辑器光标位置
聊天功能
  • 输入编程相关问题或指令
  • 指令格式：/command 参数
  • 常用指令：/help, /clear, /html, /css, /js
片段库使用
  • 右侧导航栏可以快速跳转到不同的代码片段分类
  • 点击导航项可以折叠/展开子项
  • 点击片段列表中的项目可以将代码添加到编辑器中
  • 搜索框可以快速查找特定片段
提示与技巧
  • 使用Ctrl+S可以保存当前编辑器内容
  • 双击预览窗口可以展开查看完整页面
  • 点击片段标题可以折叠或展开内容
  • 使用暗黑模式按钮切换界面主题
  • 拖动分隔条可以自定义各个区域的大小