AIGC在前端应用方向

• 根据描述生成代码，将代码拷贝到项目中，可直接运行项目

• 直接通过设计稿转代码，将代码拷贝到项目中，可直接运行项目

• 代码辅助相关

场景一实现：

根据描述生成代码可通过chart gpt实现，或者类似v0.dev/这种可视化平台

场景二实现：

目前比较完整的方案是基于code.fun实现

具体实现步骤：

1. 注册即时设计账号（js.design/workspace）
2. 导入设计稿本地文件，支持.sketch,/.xd/.flg等等 

1. 上传之后会生成设计文件，点击查看详情 

1. 点击详情左边的插件按钮，安装CODE.FUN,然后点击这个图标

1. 上传项目，生成源码

1. 查看项目，代码下载

1. 源代码包含了框架，只需要安装依赖即可运行

1. 运行结果http://localhost:5173/

费用相关：

及时设计目前免费版就可满足我们的使用场景

code.fun生成代码平台收费如下：

个人版就可满足当前的使用场景

场景三实现：

TabNine (代码补全，记住经常写的代码片段；在线提问)