277 - 《ChatGPT x 前端 x Umi》
发布于 2023年3月22日
脑暴了下，对于前端而言，ChatGPT 可以辅助做这些事。
- 代码的一生
- 读代码
- 生成代码
- 修改代码（Cursor）
- Review 代码（找 bug 和提建议）
- 各种转换
- JSON <-> TypeScript / YAML / CSV / PHP / Code / …
- HTML <-> JSX
- Base 64 Encode/Decode
- Regexp Tester
- URL Encode/Decode
- Minified CSS / JavaScript > Unminified
- curl <-> axios / fetch / …
- webpack config <-> vite config
- Color Value
- SVG > CSS / React Component
- i18n 翻译
- 设计稿转代码（GPT-4）
- tailwindcss > CSS / StyledComponets / CSS Modules
- SWR > React Query
- PHP > JavaScript
- 时区转换
- 生成器
- Mock 数据
- 测试代码
- 注释
- API 文档
- SQL
- 动画
- 算法
- 指令生成（比如低代码和无代码场景）
- 表单
- 数据流
- 国际化
- 各种解读
- Crontab 解读
- 报错信息解读
- 流程类
- commit 信息生成
- code review（PR）（Copilot X）
- 自然语言命令行，比如
- umi? start dev server with port 8888
- umi? build without compress
- 框架工具指令化，然后让 ai 通过指令做事
大家可以研究下如何组织 Prompt，让 ChatGPT 更好地为自己服务，合理利用 AI 工具。因为据 Copliot 的统计，用 Copliot 的程序员比不用的写代码快 55%。
那么，对于 Umi 框架来说，如何深度整合以提升