多
聊
史
快照
AI历史
拷史
清史
广
生函
生征
清广
执广
发
拷脑
清脑
拷筋
清筋
目
片
秀
藏
信
自动
1列
2列
3列
4列
其
全展
全折
排序
复制
样式
导出
🔍
总函数数量
0
执行次数
0
错误率
0%
代码快照数
0
最常用函数
最近操作
导出统计
重置统计
文
快
恢文
刷文
惆文
生命体刷文
浏上
实时更新
更新预览
态; 行 0; 列 0; 未
搜索
HTML
JavaScript
CSS
DeepSeek-Coder
▼
DeepSeek-Coder
编程助手
代码专家
⚙️
函数实现
工具函数
动画效果
UI组件
代码优化
代码调试
就绪
主题:
默认
函数数量:
0
执行次数:
0
微我 粤ICP备14090940号
v1.0.0
卡片样式设置
卡片背景颜色
卡片标题颜色
文字大小:
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)
中文标识符
请求超时:
秒
保存设置