小白无脑也可以做网站 0基础做网站

朋友们，今天我要带你们体验一下自己开发网站，而且指哪打哪的快乐！本篇文章用到的工具链接放在文章最后啦～（图文教程更加简单轻松，视频教程更加详细哦～）

只要几分钟，你就可以通过AI完成一个个人网站，而且还能部署让别人访问，就像这样！

Cursor准备

首先，我们先去官网下载一个Cursor，它有免费的套餐。安装好之后我们直接打开它，也别管他什么项目结构，咱就是啥也不懂，咱主打一个全靠AI！

打开之后呢，我们先去装一个中文包：

1. 点击扩展应用，搜索“中文”，下载一下

2. ctrl shift+p，调出小框，输入display，选language，再点“中文”

3. 重启应用，就是中文啦～

我们再去建一个文件夹，我们今天的代码都存在这里。

然后在Cursor里点打开文件夹，打开刚才我们建的那个。

最后我们去设置里，打开features，打开composer，这就是我们主要使用的功能了。

整理你的需求

我们先不着急开动，先整理一下自己的需求。我呢，找Claude聊了几句

·我想设计一个个人网页

·页面有轮播照片

Claude给出的设计呢，我们也不用太纠结，边做边调～

代码生成

我们回到Cursor，直接ctrl+I，调出刚才的ComposerAI对话界面，把刚才的设计要求直接粘贴进去。

好！我们直接发送，它就开始夸夸写代码了，还自动创建了新的文件夹，我们点“accept”接受它写的就OK啦～

有的朋友可能会发现网页有一些问题，比如什么都看不到之类的，别慌，遇到任何问题都直接跟它提，“现在什么都没看见哦”。

再比如我要求它把所有的“您的名字”的位置都换成“秋芝2046”，虽然我们自己改起来也很简单，但我就不，就是动嘴～

就这么跟他对话几轮，你就能有这么一个个人网页啦～

部署上线

我们用github+vercel一键部署，免费还简单！

我们登录github，点“new”新建一个代码仓库，把准备阶段建的那个文件夹直接传上去。

然后就去vercel，我们同github账号登录，我们新增一个项目，把刚刚在github上传的代码仓库导入进来，点击部署！点击visit！

好啦！这样你就获得了一个个人网页啦！你可以转发给你的朋友，他们都能够访问到哦。希望大家把成果放在评论区，让我们去逛逛～

我是秋芝！我们下次聊啦！别忘了去看我的视频帮我点赞哦嘻嘻 ！

感恩朋友们支持～

本文用到的3个工具链接在这里～??

Cursor：https://www.cursor.com/

Github：https://github.com/

vercel：https://vercel.com/

?

END

?

转发内容来自秋叶2024，如有侵权联系删除