借助AI代码编辑器，开启你的网站开发之旅
朋友们，今天我要让你们体会一下，出了城吃着火锅还唱着歌，突然就把网站开发了。而我们借助的主要工具就是科sir。这个生于去年火于前段时间被大神卡帕西发推大赞的AI代码编辑器，或者叫AIIDE集成开发环境
FOUTFFER的副总裁，则发出自己八岁女儿用cursor做网站的视频，让全球网友都震惊转发。真正应了李厂长的那句，所有的人只要你会说话，就具备今天程序员所具备的能力。所以也希望大家从这篇视频开始，开启你的编程之路。
首先呢，我们先去官网下载一个curser，它是有免费套餐的。安装好之后，我们打开它，也先不去了解那些项目结构什么的，咱就以一个啥也看不懂的方式全盘仰仗AI。
那打开它之后呢，我们可以先去点它这个扩展应用，搜索中文，然后下载一个中文包，然后按它的说明control shift加P然后调出来这个小框框，输入一个display，然后选择这个language，点击一下中文。那再重启应用之后呢，我们就是中文界面了。
那我们再去建一个文件夹啊，我们今天的代码都放在这里存着。然后呢我们点它这个打开一个空文件夹，把我们刚刚的文件夹打开。紧接着我们去它这个设置里打开features，然后把这个composer打开，这就是我们今天主要要用的功能。
那准备好之后，我们先不着急开动，先整理整理我们的需求。我这里呢是找cloud聊了两句啊，说我呢想设计一个网页，是一个好看一点的这个个人网站。上面再展示几张自己的照片来轮播，最下面呢还有自己的社交媒体账号链接，让他帮我设计一下。
然后呢我又要求了一个，我需要有一个对话界面，就像OpenAI那样，可以给AI发消息，然后可以收到他的回复。那它给出了我们这么长一溜的设计，我们也不用深究，到时候边做边调吧。
于是我们就把这个诊断全部拷贝下来，然后到这个curser里面直接control加I调出刚刚我们打开的composer。这是一个AI对话界面，然后把它全部粘贴进去。然后啊我这里补充了一句，我说我想做一个网页，我希望它是一个单页面应用。所有需要的东西呢都使用CDN或者是不需要其他复杂框架的方法实现。
那这个呢是由于我们要做的网页就是比较简单的，也不想让它复杂化，就规定了一下它是一个单页面应用。这个大家过后可以去了解，可以慢慢说。
那然后呢我们就发送给他，他就开始夸夸夸写代码了。然后呢，我们就点击他这个accept接受他写的，哎，就应用上去了。单页面应用呢也很好查看效果。我们直接就右键这个HTML文件，然后在浏览器中打开，就看到他现在这个样子了。
那我们出了任何的问题呢，比如什么也看不到，哎，都不用慌，就直接跟他提。他又问我要不要个人照片那这肯定是的。那让他继续处理，我这里呢让他把文件分一分，不理解的朋友其实也可以不用分。
那我呢就要求他把所有这个您的名字的位置都改成秋之2046线。虽然我们自己去改也非常好找啊，但哎就不，我就是动嘴看看效果嗯不错，但是下面的东西都还没填进去呢，再跟他说。
然后呢，你看他在这里要求我们自己去改照片地址啊，我们呢也不自己去找在哪替换了。我们就把照片在这边开一个文件夹，起名叫images IMGS。然后把几张照片直接丢进去，把这个存放的路径啊拷贝给AI哎，你看我连话都没说完，AI就懂了哎，给我们替换上了，那我们再应用它apply，接受它的修改，然后我们再刷新看看页面。
嗯，很好，但是个人照片那儿还什么都没有，我们随便选一张放上去。嗯，看一下不错，不过个人照片太小了，而且最下面的这个页角还没有呢，再跟他说。
那再看这个AI聊天对话框，点完啥也没有，再去跟他说，现在点完是一个灰色的，什么都没有对话框呢。Ok试一下，现在这个是一个假AI那我们再去把功能实现，这里呢要有AI对话，我们就得去调一个API。什么通义、千问、百度、文心、Kimi海螺都可以啊。
我因为刚刚充了质谱，我就去考一个质谱。那我到这个质谱的big model上去把它的接口文档直接拷贝给柯sr我们也不用管它是怎么调的，就让他按这个写就行，请按这个帮我写，ok接受。
然后他又要求我们有个APIK，那我再去质谱这里拷一个APIK，我直接连key也发过去，让他写进去。当然此处担心密钥泄露的话，自己去他还要我引入一个库哦，那当然是让他自己添加上去了，ok再去试试。
嗯，能对话了，来看看是不是假的吧，让他讲个哈利波特的故事吧。嗯非常好，就是慢了点。但是啊我希望这个对话窗口不是一个弹出的窗口，而是在这个页面上的。Good, ok
然后再整体检查一下这个页面，这个页面都是海外的社交媒体，这不行。然后我希望下面的社交媒体logo都改成好，再看一下。那光摆在这儿没有用，我得点进来得跳转啊，所以把我的链接都拷贝了过来。我希望悬停在这些图标上的时候有变化，然后直接跳转过去。
Ok那基本的框架呢就这样了，大家可以去继续去丰富自己这些什么关于我呀作品集啊什么的，以及发挥你自己的产品设计想法，它大概率都能实现。
那会写代码的朋友呢，其实还可以去试用这个cursor里面选中区域对话修改以及它代码补全，包括它这个终端报错，也都是可以直接对话的。
那我们呢就先顺着把它免费部署好，利用GitHub和excel一键部署非常之简单。这里呢我们需要有一个GitHub账号啊，去注册一个即可。然后呢，我们登录进去，去新建一个代码仓库，起上一个名儿。在仓库里面呢直接把我们刚刚这个文件夹给传上来。
嗯，然后呢我们再去excel的官网，直接选择用GitHub账号登录，我们再点击新增一个项目，在导入仓库。这里啊我们直接选择我们刚刚在GitHub上传的这个，然后点击部署，点击visit，欢迎来到我的网站。
那这个域名呢，大家转发给朋友就可以访问到了。当然你想自己改域名，或者是你有自己的域名，也可以去这个地方去给它修改掉。
另外再说一下，我通常呢只想给大家分享人人可用，而且可用度非常高了的AI工具。如果没有找到简单的实现方式，我都不想发。因为AI的使命啊就是扩大每一个人的能力边界。而最近的AI编程就是那味儿了，所以后续我还会继续更新这一类的内容，感兴趣的朋友们记得点赞、收藏关注哟。
好了，那各位看完视频就可以抓紧去试了，希望大家把成果放在评论区，让我们去踩一踩，下次见啦。
《AI代码编辑器助力网站开发全攻略》：轻松上手，高效开发不是梦！
在当今数字化时代，网站开发已成为许多人追求的技能。借助AI代码编辑器，能让开发变得轻松又高效。
首先，去官网下载有免费套餐的AI代码编辑器，安装后打开。搜索中文并下载中文包，按说明操作就能切换成中文界面。
接着，新建文件夹存放代码，打开编辑器设置，启用composer功能。整理需求，比如设计个人网站，展示照片、链接，还要有对话界面。
将需求内容粘贴到AI对话界面，补充单页面应用要求。发送后，AI会快速编写代码，接受并应用，就能查看效果啦。
遇到问题别慌，直接和AI沟通。比如调整照片、修改页面细节等。要实现AI对话功能，需调用API，像通义、千问等都可以。
把接口文档和密钥提供给AI，让它完成代码编写。最后，利用GitHub和excel一键免费部署网站，轻松拥有自己的域名。
快来试试吧，让AI帮你开启网站开发的大门，创造属于自己的精彩网页！
AI代码编辑器、网站开发、中文包、功能使用、需求整理、API调用、免费部署、GitHub、excel、页面优化
[Q]：如何在AI代码编辑器中下载中文包？
[A]：在扩展应用中搜索中文，按说明control shift加P调出框框，输入display选择language点击中文，重启应用即可。
[Q]：怎样整理网站开发需求？
[A]：比如想好要设计个人网站，展示照片轮播、社交媒体账号链接，还要有类似OpenAI的对话界面。
[Q]：如何让AI编写代码？
[A]：将整理好的需求拷贝到AI对话界面，发送后它就会开始写代码，点击accept应用。
[Q]：遇到问题如何与AI沟通？
[A]：直接在AI聊天对话框提出，比如照片大小、页面元素缺失等问题。
[Q]：怎样实现AI对话功能？
[A]：调用API，如通义、千问等，将接口文档和密钥提供给AI编写代码。
[Q]：如何免费部署网站？
[A]：利用GitHub和excel一键部署，先在GitHub注册账号，新建仓库上传文件夹，再到excel官网登录GitHub账号导入仓库并部署。
[Q]：能修改网站域名吗？
[A]：可以，在相关设置地方修改，若没有可转发现有域名给朋友访问。
[Q]：代码补全及终端报错能和AI对话解决吗？
[A]：会写代码的朋友可以试用cursor里选中区域对话修改以及终端报错直接对话功能来解决。
FOUTFFER的副总裁，则发出自己八岁女儿用cursor做网站的视频，让全球网友都震惊转发。真正应了李厂长的那句，所有的人只要你会说话，就具备今天程序员所具备的能力。所以也希望大家从这篇视频开始，开启你的编程之路。
首先呢，我们先去官网下载一个curser，它是有免费套餐的。安装好之后，我们打开它，也先不去了解那些项目结构什么的，咱就以一个啥也看不懂的方式全盘仰仗AI。
那打开它之后呢，我们可以先去点它这个扩展应用，搜索中文，然后下载一个中文包，然后按它的说明control shift加P然后调出来这个小框框，输入一个display，然后选择这个language，点击一下中文。那再重启应用之后呢，我们就是中文界面了。
那我们再去建一个文件夹啊，我们今天的代码都放在这里存着。然后呢我们点它这个打开一个空文件夹，把我们刚刚的文件夹打开。紧接着我们去它这个设置里打开features，然后把这个composer打开，这就是我们今天主要要用的功能。
那准备好之后，我们先不着急开动，先整理整理我们的需求。我这里呢是找cloud聊了两句啊，说我呢想设计一个网页，是一个好看一点的这个个人网站。上面再展示几张自己的照片来轮播，最下面呢还有自己的社交媒体账号链接，让他帮我设计一下。
然后呢我又要求了一个，我需要有一个对话界面，就像OpenAI那样，可以给AI发消息，然后可以收到他的回复。那它给出了我们这么长一溜的设计，我们也不用深究，到时候边做边调吧。
于是我们就把这个诊断全部拷贝下来，然后到这个curser里面直接control加I调出刚刚我们打开的composer。这是一个AI对话界面，然后把它全部粘贴进去。然后啊我这里补充了一句，我说我想做一个网页，我希望它是一个单页面应用。所有需要的东西呢都使用CDN或者是不需要其他复杂框架的方法实现。
那这个呢是由于我们要做的网页就是比较简单的，也不想让它复杂化，就规定了一下它是一个单页面应用。这个大家过后可以去了解，可以慢慢说。
那然后呢我们就发送给他，他就开始夸夸夸写代码了。然后呢，我们就点击他这个accept接受他写的，哎，就应用上去了。单页面应用呢也很好查看效果。我们直接就右键这个HTML文件，然后在浏览器中打开，就看到他现在这个样子了。
那我们出了任何的问题呢，比如什么也看不到，哎，都不用慌，就直接跟他提。他又问我要不要个人照片那这肯定是的。那让他继续处理，我这里呢让他把文件分一分，不理解的朋友其实也可以不用分。
那我呢就要求他把所有这个您的名字的位置都改成秋之2046线。虽然我们自己去改也非常好找啊，但哎就不，我就是动嘴看看效果嗯不错，但是下面的东西都还没填进去呢，再跟他说。
然后呢，你看他在这里要求我们自己去改照片地址啊，我们呢也不自己去找在哪替换了。我们就把照片在这边开一个文件夹，起名叫images IMGS。然后把几张照片直接丢进去，把这个存放的路径啊拷贝给AI哎，你看我连话都没说完，AI就懂了哎，给我们替换上了，那我们再应用它apply，接受它的修改，然后我们再刷新看看页面。
嗯，很好，但是个人照片那儿还什么都没有，我们随便选一张放上去。嗯，看一下不错，不过个人照片太小了，而且最下面的这个页角还没有呢，再跟他说。
那再看这个AI聊天对话框，点完啥也没有，再去跟他说，现在点完是一个灰色的，什么都没有对话框呢。Ok试一下，现在这个是一个假AI那我们再去把功能实现，这里呢要有AI对话，我们就得去调一个API。什么通义、千问、百度、文心、Kimi海螺都可以啊。
我因为刚刚充了质谱，我就去考一个质谱。那我到这个质谱的big model上去把它的接口文档直接拷贝给柯sr我们也不用管它是怎么调的，就让他按这个写就行，请按这个帮我写，ok接受。
然后他又要求我们有个APIK，那我再去质谱这里拷一个APIK，我直接连key也发过去，让他写进去。当然此处担心密钥泄露的话，自己去他还要我引入一个库哦，那当然是让他自己添加上去了，ok再去试试。
嗯，能对话了，来看看是不是假的吧，让他讲个哈利波特的故事吧。嗯非常好，就是慢了点。但是啊我希望这个对话窗口不是一个弹出的窗口，而是在这个页面上的。Good, ok
然后再整体检查一下这个页面，这个页面都是海外的社交媒体，这不行。然后我希望下面的社交媒体logo都改成好，再看一下。那光摆在这儿没有用，我得点进来得跳转啊，所以把我的链接都拷贝了过来。我希望悬停在这些图标上的时候有变化，然后直接跳转过去。
Ok那基本的框架呢就这样了，大家可以去继续去丰富自己这些什么关于我呀作品集啊什么的，以及发挥你自己的产品设计想法，它大概率都能实现。
那会写代码的朋友呢，其实还可以去试用这个cursor里面选中区域对话修改以及它代码补全，包括它这个终端报错，也都是可以直接对话的。
那我们呢就先顺着把它免费部署好，利用GitHub和excel一键部署非常之简单。这里呢我们需要有一个GitHub账号啊，去注册一个即可。然后呢，我们登录进去，去新建一个代码仓库，起上一个名儿。在仓库里面呢直接把我们刚刚这个文件夹给传上来。
嗯，然后呢我们再去excel的官网，直接选择用GitHub账号登录，我们再点击新增一个项目，在导入仓库。这里啊我们直接选择我们刚刚在GitHub上传的这个，然后点击部署，点击visit，欢迎来到我的网站。
那这个域名呢，大家转发给朋友就可以访问到了。当然你想自己改域名，或者是你有自己的域名，也可以去这个地方去给它修改掉。
另外再说一下，我通常呢只想给大家分享人人可用，而且可用度非常高了的AI工具。如果没有找到简单的实现方式，我都不想发。因为AI的使命啊就是扩大每一个人的能力边界。而最近的AI编程就是那味儿了，所以后续我还会继续更新这一类的内容，感兴趣的朋友们记得点赞、收藏关注哟。
好了，那各位看完视频就可以抓紧去试了，希望大家把成果放在评论区，让我们去踩一踩，下次见啦。
《AI代码编辑器助力网站开发全攻略》：轻松上手，高效开发不是梦！
在当今数字化时代，网站开发已成为许多人追求的技能。借助AI代码编辑器，能让开发变得轻松又高效。
首先，去官网下载有免费套餐的AI代码编辑器，安装后打开。搜索中文并下载中文包，按说明操作就能切换成中文界面。
接着，新建文件夹存放代码，打开编辑器设置，启用composer功能。整理需求，比如设计个人网站，展示照片、链接，还要有对话界面。
将需求内容粘贴到AI对话界面，补充单页面应用要求。发送后，AI会快速编写代码，接受并应用，就能查看效果啦。
遇到问题别慌，直接和AI沟通。比如调整照片、修改页面细节等。要实现AI对话功能，需调用API，像通义、千问等都可以。
把接口文档和密钥提供给AI，让它完成代码编写。最后，利用GitHub和excel一键免费部署网站，轻松拥有自己的域名。
快来试试吧，让AI帮你开启网站开发的大门，创造属于自己的精彩网页！
AI代码编辑器、网站开发、中文包、功能使用、需求整理、API调用、免费部署、GitHub、excel、页面优化
[Q]：如何在AI代码编辑器中下载中文包？
[A]：在扩展应用中搜索中文，按说明control shift加P调出框框，输入display选择language点击中文，重启应用即可。
[Q]：怎样整理网站开发需求？
[A]：比如想好要设计个人网站，展示照片轮播、社交媒体账号链接，还要有类似OpenAI的对话界面。
[Q]：如何让AI编写代码？
[A]：将整理好的需求拷贝到AI对话界面，发送后它就会开始写代码，点击accept应用。
[Q]：遇到问题如何与AI沟通？
[A]：直接在AI聊天对话框提出，比如照片大小、页面元素缺失等问题。
[Q]：怎样实现AI对话功能？
[A]：调用API，如通义、千问等，将接口文档和密钥提供给AI编写代码。
[Q]：如何免费部署网站？
[A]：利用GitHub和excel一键部署，先在GitHub注册账号，新建仓库上传文件夹，再到excel官网登录GitHub账号导入仓库并部署。
[Q]：能修改网站域名吗？
[A]：可以，在相关设置地方修改，若没有可转发现有域名给朋友访问。
[Q]：代码补全及终端报错能和AI对话解决吗？
[A]：会写代码的朋友可以试用cursor里选中区域对话修改以及终端报错直接对话功能来解决。
评论 (0)