#ai #cursor #网页搭建 #编程

AI代码编辑器(AI IDE)，提需求，自动生成好代码，文件也会自动分类，从而提升写代码的效率。下面是cursor这款工具的使用以及项目部署的分享。

教学视频

https://www.douyin.com/root/search/curor?modal_id=7415411153997761801&type=general

简单效果：https://cursor-chi.vercel.app/

1.下载和安装

Cursor - The AI Code Editor

2.开启魔法，登陆账号

https://2.akkcloud1.com/user

可以在上面这个链接去下载，之后开启魔法

  

OK了

点击 -打开文件夹（提前创建一个）

3.基本设置

选择扩展应用，输入中文，

根据提示下载好后重新打开，就是中文页面了

4.整理需求

你提前准备好了或者问常用的ai工具（比如chatgpt）

回到cursor里，Ctrl+i，打开ai对话框

此时，就开始写代码了

右键html文件，通过浏览器打开

想添加什么直接在对话框说

 

效果图

真不错，设置自动跳转

其他功能都可以做，想要ai对话框，就把接口文档全部抛给它，然后缺啥就给它啥，比如地址了、密钥这些

还有，选中部分代码块同样可以询问，报错同样也是

5.网站部署，用github和vercel一键部署

Github新建代码仓库，写好仓库名，然后上传文件夹

Github弄好之后，去vercel官网使用GitHub账号登录

新增项目

部署成功了

6.最终部署效果

https://cursor-chi.vercel.app/

也可以自己去修改域名