📢 源码导出有难度?小哒手把手教你如何下载与部署!

Viewed 677

好消息!好消息!特大好消息!

大家期待已久的源码导出9.11日正式上线啦!

相信各位开发者们已经开始上手尝试啦!

可是其中也许会有部分哒友遇到一点问题:我怎么导出呀?为什么我的老应用没有源码下载功能?我导出后怎么部署?

小哒这就给给大家出一个「下载 & 部署」教程,助力各位快速上手!

🌟 功能亮点

完整生成代码:代码包中包含大模型生成的所有代码,清晰整洁,ready to go!

详细帮助文档:秒哒为各位开发者准备了一份详细的帮助文档,助力各位开发者快速上手~文档包含「下载概述」、「部署 & 编辑指南」、「后端开发指南」以及「应用内三方API配置指南」等等。小哒双手奉上🤲:帮助文档

🛠 适用场景

🌱 若你的应用是纯前端项目,下载后基本可直接本地运行,零门槛部署!

🔧 若涉及后端存储或第三方API,则需稍作配置和开发——适合有一定开发经验的小伙伴大展身手。

🔍 如何下载

下载⏬:支持源码导出的应用,会在应用初次生成后,在编辑态右上方出现一个可点击的「下载按钮」;若应用不支持源码导出,则不会在编辑态右上方出现可点击的下载按钮。

image (5).png

想了解代码所含内容?跟着小哒操作:

打开您下载的压缩包--->解压--->打开文件--->README.md

image (6).png

在这个文件中我们为大家提供了有关代码包简单的项目介绍、技术栈、简单的部署步骤等。

IMG_7153.gif

⚠️ 注意事项:

  • 当前仅支持9月11日 18:00:00后新生成的绝大部分应用下载源码,每次下载需消耗 80 秒点

  • 若应用有 GUI 修改,则需要先进行「预览」「应用发布」,再下载含有GUI修改部分的代码。

  • 应用生成过程中不可下载代码哟~

🔍 如何部署:

下载完代码包后,您首先需要先按照下面要求准备好环境「安装Node.js和npm」,再用「IDE」打开代码包进行应用的本地部署运行。

🌟 IDE选择推荐:

🌟 Node.js下载:

官网链接:https://nodejs.org/

安装步骤:

💻 Windows:

# Step 1:访问Node.js官网:https://nodejs.org/,点击下载后,会根据你的系统自动选择合适的版本(32位或64位)。

# Step 2:运行安装程序:下载完成后,双击运行安装程序。

# Step 3:完成安装:按照安装向导完成安装过程。

# Step 4:验证安装:在命令提示符(cmd)或IDE终端(terminal)中输入 node -v npm -v 来检查Node.js和npm是否正确安装。

💻 MAC:

# Step 1:使用官网安装程序:访问 Node.js 官网:https://nodejs.org/。下载macOS的.pkg安装包。打开下载的.pkg文件,按照提示完成安装。

# Step 2:验证安装:在命令提示符(cmd)或IDE终端(terminal)中输入 node -v npm -v 来检查Node.js和npm是否正确安装。

🌟 IDE操作流程(以IntelliJ IDEA IDE + mac操作为实例):

  • 在IDE中上传您解压后的代码包

  • IDE终端输入命令行,安装依赖:npm i

  • IDE终端输入命令行,启动开发服务器:npm run dev -- --host 127.0.0.1

  • 若「npm run dev -- --host 127.0.0.1」执行失败,可尝试指令:npx vite --host 127.0.0.1

image (7).png
  • 生成 http:// 的链接即成功,Congratulations🎉。

image (8).png

小讲解:

  • Node.js:Node.js是一个开源的、跨平台的JavaScript运行环境,用于在服务器端运行JavaScript代码。

  • npm:npm全称Node Package Manager)即 node 包管理器,是Node.js默认的、以JavaScript编写的软件包管理系统

  • 更多详细操作请查看:如何在本地部署或编辑代码

⚠️ 注意事项:

  • 必备:Node.js、npm 和 IDE

  • 前置步骤需要打开cmd/终端,分步输入node -v npm -v

image (9).png

🔧 多种三方API:

相信许多用户在使用秒哒时发现,诶,通过对话即调用百度地图🗺️等第三方工具,其实是秒哒内置了多种插件,大家通过「对话」即可调取。

插件目录在这里👉:已内置的第三方API

❤️ 说在最后~

无论你是想要深入学习代码,还是希望将应用部署到自己的服务器上,这个功能都能帮你打开一扇新的大门🚪。

立即体验,释放你的开发力!快去编辑器导出你的第一个代码包吧,期待看到大家更多惊艳的自定义应用诞生💡~

欢迎在评论区里交流反馈,我们一直在听!一路以来,感谢每一个你的支持和热爱❤️

7 Answers

1.在9.11之前有很多用户制作了非常精品的网站,强烈建议老应用也支持源码导出,鼓励之前的精彩作品进行本地二次开发。
2.下载源码为什么需要消耗80秒点如此之多?建议改为20~40秒点比较合适。

您的珍贵建议小哒已收到~

可以用百度你们自己的ai编辑器呀还有智能分析部署,百度comate

源码输出!!!!!
程序员:妈妈再也不用担心我的头发啦。

小哒也不担心您的秀发啦啦啦

太好了,能下载代码了

终于等到你!

代码导出这功能,实在是太赞了

用户的心声就是我们前进的方向和动力~

讲解好详细,感谢感谢,秒哒越做越好了啊

继续努力冲冲冲~~