更
播放
t = 0.00
当前X:
0.00
当前Y:
0.00
当前T:
0.00
就绪
(0, 0)
片
藏
自动
1列
2列
3列
4列
其
全展
全折
排序
复制
样式
导出
🔍
聊
史
快照
AI历史
拷史
清史
【改】
【改】
【改】
【改】
态; 行 0; 列 0; 未修改
搜索
HTML
JavaScript
CSS
DeepSeek-Coder
▼
DeepSeek-Coder
编程助手
代码专家
AI
函数实现
工具函数
动画效果
UI组件
代码优化
代码调试
【改】
就绪
主题:
默认
函数数量:
0
执行次数:
0
微我 粤ICP备14090940号
卡片样式设置
卡片背景颜色
卡片标题颜色
文字大小:
1
rem
卡片圆角:
8
px
卡片间距:
1
rem
重置
应用
导出类图数据
导出格式
JSON 格式
纯文本格式
HTML 格式
Markdown 格式
CSV 格式
导出内容
所有内容
当前视图内容
搜索结果
文件名
取消
导出
×
前端开发工作台使用指南
基本布局
左侧面板：聊天系统，可发送指令和查看结果
中间面板：HTML编辑器和预览窗口
右侧面板：代码片段和资源导航
可以通过拖动分隔条调整各个面板的大小
HTML编辑器使用
在中上方编辑HTML代码
选择"实时更新"选项可以在编辑时自动更新预览
或点击"更新预览"手动查看效果
从右侧片段列表中选择代码，自动添加到编辑器光标位置
聊天功能
输入编程相关问题或指令
指令格式：/command 参数
常用指令：/help, /clear, /html, /css, /js
片段库使用
右侧导航栏可以快速跳转到不同的代码片段分类
点击导航项可以折叠/展开子项
点击片段列表中的项目可以将代码添加到编辑器中
搜索框可以快速查找特定片段
提示与技巧
使用Ctrl+S可以保存当前编辑器内容
双击预览窗口可以展开查看完整页面
点击片段标题可以折叠或展开内容
使用暗黑模式按钮切换界面主题
拖动分隔条可以自定义各个区域的大小
系统配置
关闭
基本配置
高级配置
编辑器配置
AI配置
AI
生成间隔：
秒
前缀列表：
动作列表：
自动保存：
启用
函数复杂度：
简单
中等
复杂
自动执行：
新函数自动尝试执行
历史记录：
条
高级模式：
启用更多实验功能
Beta
编辑器字体：
px
自动换行：
启用
显示行号：
启用
格式化快捷键：
Alt+F
Shift+Alt+F
Ctrl+Shift+F
主题：
浅色
深色
高对比度
API密钥：
默认模型：
DeepSeek-Coder
编程助手
代码专家
温度：
0.7
最大长度：
字符
AI功能：
启用AI辅助功能
保存配置
AI设置
关闭
生成温度：
0.7
代码风格：
简洁
详细注释
函数式
面向对象
命名规范：
驼峰命名(camelCase)
帕斯卡(PascalCase)
下划线(snake_case)
中文标识符
请求超时：
秒
保存设置