ChatGpt入门指南：用提示词构建网站和应用

最新推荐文章于 2024-09-12 20:37:34 发布

前端达人

最新推荐文章于 2024-09-12 20:37:34 发布

阅读量1.8k

点赞数 1

文章标签： chatgpt

本文链接：https://blog.csdn.net/Ed7zgeE9X/article/details/130002356

版权

这个系列专题文章将教你如何使用OpenAI的GPT-4和Midjourney进行设计和编码。文章包括提示词、源代码、灵感、设计等内容。它非常适合初学者，即使对该领域没有什么了解也可以建立自己的应用程序（0经验代码和设计也能上手）。我会提供指导和入门工具，帮助你实现自己的目标。现在是时候发挥你的超能力了！

关于本专题

本系列旨在通过遵循提示并在诸如CodeSandbox和Xcode 14之类的代码编辑器中应用代码，教你如何使用ChatGPT从零开始构建多个iOS和Web应用程序。本系列文章主要侧重于创建用户界面、交互、动画和一些数据，是初学者或热衷于构建复杂用户界面的个人的理想资源。我们还将探讨专门为本专题开发的独特概念。

要求

在本专题中，我们将以设计师的视角，通过ChatGPT的帮助，逐步学习SwiftUI或React。即使你对这些技术是新手，你仍然可以通过人工智能助手得到无限制的指导。虽然不是必需的，但建议你具备一些基本的计算机知识，并熟悉HTML和CSS。开发一个iOS 16应用程序需要一台装有Ventura或更高版本和Xcode 14的Mac电脑。要使用GPT-4，你需要一个升级后的ChatGPT账户。虽然GPT-3.5也可以使用，但强烈建议使用GPT-4以获得最佳体验。

使用GPT-4：

通过将GPT-4集成到应用程序开发过程中，设计师和开发人员可以比以往任何时候都更快、更高效地工作。GPT-4的自然语言处理能力还意味着它可以协助用户测试和反馈，让设计师可以根据用户输入快速、轻松地完善他们的设计。

启动提示：

首先，重要的是要确定你的专业领域和开发应用程序的目标。

OPENAI的演示

根据OpenAI的演示，你可以为你的项目设置要求。

You are an Al programming assistant.
- Follow the user's requirements carefully & to the letter.
- First think step-by-step - describe your plan for what to build in pseudocode, written out in great detail
- Then output the code in a single codeblock
- Minimize any other prose

中文翻译：

你是一个人工智能编程助手。
仔细并严格地遵循用户的需求。
首先，逐步思考——用详细的伪代码描述你要构建的计划。
然后将代码输出在一个代码块中。
最小化其他文字说明。

注：提示词解释（你是AI）

该提示是指你作为一个人工智能编程助手应该如何协助用户构建应用程序。首先，你需要仔细并严格地遵循用户的需求。接下来，你需要逐步思考，描述你要构建的计划，并将其写成详细的伪代码。最后，你需要将代码输出在一个代码块中，并尽量减少其他文字说明，使代码更易于阅读和理解。这样可以确保代码的准确性和可读性，并使用户更容易理解和使用你提供的帮助。