让AI帮我开发导航网站，并部署到NAS！支持Docker部署，全程不需要自己写代码！你敢信？
同步来源：树洞剪藏 源站剪藏 ID：141 原文地址：https://mp.weixin.qq.com/s/KP8li1oN-gHsKHx_gtolhw
让AI帮我开发导航网站，并部署到NAS！支持Docker部署，全程不需要自己写代码！你敢信？
让AI帮我开发导航网站，并部署到NAS！支持Docker部署，全程不需要自己写代码！你敢信？
原创
Ai日记哇
Ai日记哇
2024年11月18日 06:27 北京
大家好，我是Ai日记，一个专注于将人工智能应用于日常生活的半吊子程序猿，平时主要分享AI、NAS、Docker、搞机技巧等。 在这个互联网与人工智能深度融合的时代，技术的每一次革新都在悄然改变着我们的生活。 从智能家居到自动驾驶，从智能客服到AI医疗，人工智能已经渗透到了我们生活的方方面面，带来了前所未有的便捷与高效。 想象一下，无需繁琐的编码，无需深厚的编程基础，只需对话，你就能轻松拥有一个功能齐全、设计独特的网站或应用。 这正是AI工具所带来的革命性变化。 它们通过深度学习算法和大数据分析，为用户提供了智能化的建议和模板，让即使是技术小白也能轻松上手，实现自己的创意构想。 今天，我要向大家介绍一个我亲身实践的案例： 用Cursor开发一个画面精美的导航网站，并且成功地将它部署到NAS上，而且全程没有自己编写一行代码！
下面是最终的成果展示：
那么，让我们开始吧！ 一、Cursor介绍 Cursor是一款基于VSCode的创新AI编程工具 ，利用先进的自然语言处理（NLP）和机器学习技术，为开发者提供了智能化的编程体验。对于熟悉VSCode的人来说，可以轻松上手。 这款工具旨在简化编程流程，提高代码生成和优化的效率，同时降低编程门槛，让更多人能够轻松上手编程。 Cursor 有以下核心功能： 智能代码生成 、 代码优化与错误修复 、 跨语言支持 、 深度上下文理解 、 集成终端调试 、 智能对话与实时协作 。 其优势特点包括： 高效性 、 易用性 、 灵活性 、 实时性 ， 可提高编程效率 、 降低门槛 、 满足个性化需求 。 二、Cursor安装 直接进入到Cursor官网，选择对应系统进行安装即可， 注意官网，不要被坑了。
三、Cursor配置 安装完成之后，打开Cursor，会让选择「Keyboard」、「Language for AI」、「Add Terminal Command」。
「Keyboard」默认即可，也就是VSCode的键盘模式。
「Language for AI」根据自己的情况自行选取，我选的是中文。
「Add Terminal Command」我选择把 cursor 安装到命令行，这样可以直接通过 cursor 命令打开文件夹了。
设置完成之后，点击「Continue」。 会提示时候使用VSCode的扩展，这里点击「Use Extensions」即可。
隐私协议，看情况选就行，不知道怎么选的直接点「Continue」：
登录账号：
四、Cursor使用 登录完成之后，会进入到Cursor主页：
然后点击「Open a folder」，打开一个空的目录：
五、生成导航网站 万事俱备，只欠东风。 下面我们来使用Cursor自动帮我们创建一个导航网站，同时生成Docker镜像文件和docker-compose.yaml文件。 首先按快捷键，打开提示词对话栏（ 对于MacOS是：Command+i，对于Windows：Ctrl+i ）
然后在提示词对话栏中输入如下提示词： 你是一个前端工程师，具有多年的前端编程经验，能够熟练使用Node.js、CSS等前端工具。
下面帮忙创建一个导航网站，界面要美观，舒适，需要包含常见的网站，网站数量不少于50个。
同时创建Dockerfile和docker-compose.yaml文件。
网站的端口为9000
然后，可以看到Cursor就开始自动编程了。 它会自动分析需求、自动创建目录结构、自动生成代码文件等等，总而言之，整个过程不需要你敲一行代码！
Cursor执行完成之后，点击下面的「Accpet all」，接受所有更改：
六、部署到NAS 下面以群晖NAS为例，将刚才自动创建的导航网站通过Docker部署到NAS上。 将刚才的项目文件上传到NAS的任意目录：
然后打开「Container Manager」，选择「项目」，点击「新增」：
其中「项目名称」随便填，「路径」填刚才上传的路径，docker-compose.yaml选已有的：
然后一直「下一步」，直到完成。可以看到开始构建镜像：
镜像构建完成之后，容器就开始运行了：
然后在浏览器输入： http://ip:port ，其中IP为NAS的IP，Port为9000：
可以看到界面有点空，不满意，给大模型提需求，让它改！
下面是第一次修改后的结果：
再让大模型参考目前主流的导航网站，继续改！
只要你对当前的结果不满意，可以一直让它改，亲身体验一下当老板的感觉！ 七、总结 本文介绍了人工智能编程助手Cursor，使用Cursor搭建了一个导航网站，并部署到了群晖NAS上，期间没有敲一行代码！ 使用这个工具，即使是小白，只要你敢想！也能够为自己的NAS创建N多奇思妙想的应用！ 如果大家对此类教程感兴趣，欢迎Mark，后续会持续更新～ 我是Ai日记 一个专注于将人工智能应用于日常生活的半吊子程序猿！ 平时主要分享AI、NAS、Docker、搞机技巧等技术，喜欢的话请关注吧！
Ai日记哇 一个半吊子程序猿，给客官您讲故事。 50篇原创内容
公众号 ， 往期内容： 《 35.3K Star！OCR神器，使用浏览器识别超过100个语言，附使用教程！你确定不试试？ 》 《 手把手教你部署ESXI虚拟机管理平台，让你轻松实现虚拟机自由！直通硬件，超高性能！ 》 《 给你的资料找一个家，手把手教你在NAS上搭建文库系统！告别商业文库！保姆级！ 》 《 手把手教你用Coze零代码搭建一个智能搜索智能体，高时效性、保姆级！ 》 《 本地部署多模态大模型，并结合Open-WebUI和Dify实现多模态对话、智能体，保姆级！ 》
预览时标签不可点
人工智能 13 玩转NAS 24
人工智能 · 目录
上一篇 你还不知道什么是向量数据库吗？今天一文让你搞懂！结合大模型Agent，简直不要太好用！ 下一篇 这款大模型可视化工具，能够将GPT模型的3D结构可视化出来，4K Star！小白初学者的必看！
关闭
更多
小程序 广告
搜索「undefined」网络结果
微信扫一扫 关注该公众号
当前内容可能存在未经审核的第三方商业营销信息，请确认是否继续访问。
继续访问 取消 微信公众平台广告规范指引
： ， 。
视频 小程序 赞 ，轻点两下取消赞 在看 ，轻点两下取消在看 分享 留言 收藏