在本视频中, 我们将探索聊天GPT和代码生成的作用
所以让我们想想如何在生成代码时使用聊天GPT, 因为有时作为程序员,
我们发现自己编写的代码有点冗余或重复, 这几乎就是我们所说的样板代码,
基本上是重复出现的, 它是一种总是存在的结构
它本身并不需要脑力, 但它肯定有助于自动化这个过程, 这绝对是聊天机器人可以帮助的事情
所以让我们请查德为我们写一个简单的网站
你给我写一个简单的网站
现在, 这可能是一个非常复杂的问题, 所以它可能会要求我澄清这个网站的限制
那我到底想要什么
我想在这个网站上看到什么样的功能？
所以这就是它的结果
它无法从头开始创建一个
您决定您的网站的目的和内容
所以现在它实际上给了我一种方式, 我可以去建立一个网站, 它几乎是一种回避问题
但是我们会看到, 如果我实际上改变这个问题的措辞, 我实际上可以让它向我报告我想要的
有一点值得注意的是, 有时候你确实需要一点领域知识来知道要问什么
这就是我在这门课上要讲的
因此, 当涉及到网站建设时, 有一件事非常重要, 那就是有这些称为HTML文件的文件,
它们实际上可以创建非常简单的网站
所以, 也许我想要一个简单的投资组合网站写在HTML
所以如果我们说这样的话
Cha GP果然说肯定
我很乐意为你提供
这是一个基本的例子
您可以修改它以满足您的特定需求
所以如果我们继续看这里, 我们看到它现在正在写美国代码
有一件事有点奇怪, 它说, 我不知道你们是否熟悉代码片段,
但通常当它出现在这个文本块中, 用不同的字体, 这是什么样的代码片段
在某些时候, 用来表达文本的语言类型, 他们以这种方式将其风格化
有点奇怪的是, 上面写着PHP, 这恰好是另一种语言, 而不是这里显示的
这显然是一个HTML文件
所以这就是我们要使用作为我们的网站的基础
现在, 它不会被部署在某个域名或URL上, 所以我们将无法在互联网上访问
但可以肯定的是, 它是一个网站的布局
所以它也在告诉我们它的作用
所以它说它包括一个投资组合网站的基本结构和它为我们提供的几乎免费的东西
所以我们可以继续复制这段代码, 转到Visual Studio Code
现在, 我刚刚在桌面上创建了一个文件夹, 基本上就是要保存一个名为网站HTML的文件
它不必被称为网站HTML
我就是这么叫的
但是它必须有这个文件扩展名HTML, 因为这暗示着你的操作系统,
你想用你的网络浏览器打开它
所以继续这样做, 我们粘贴它, 并保存它, 只是使用控制
那是条捷径
我会在文件浏览器中打开它
正如你所看到的, 这是谷歌Chrome浏览器, 这是我选择的网络浏览器
现在我们可以看到这个本地文件正在被引用并且已经被打开
果然, 这就是我们的网站
如果我们想浏览和替换这些东西, 我的作品集, 我的名字, 这有点像一个网站的模板
这有点像网站模板的骨架结构, 如果你愿意的话
所以如果我继续修改并刷新文件, 你会看到我的名字实际上出现在那里
所以如果你之前对此一无所知, 这是一个非常有用的工具, 可以用来制作一个基本的网站,
还有一些方法可以让它看起来更好, 这就是CSS
所以, 它实际上在这里提到了
请记住, 您需要创建一个样式CSS文件来为您的网站添加样式, 并使其看起来具有视觉吸引力
所以这是你可以继续探索的东西, 并要求它为你生成样式
现在这是一个非常基本的东西, 所以我们将实际上尝试向前迈出一步, 并尝试让它使用一个称为React的框架来构建网站
那我怎么知道
使用React框架创建Web应用程序
让我们看看它告诉我们什么, 因为这些问题实际上在网上有很好的记录
这是一个程序员可以使用的框架
它本质上是程序员在其他人的代码之上构建
所以Facebook实际上创建了这个叫做React的框架, 人们用它来帮助创建他们的Web应用程序
这里说的是使用React框架创建Web Web应用程序涉及几个步骤
它基本上告诉我们如何做到这一点
我们需要安装Node js, node包管理器
这基本上是JavaScript的运行时
然后这是一种安装包的方法, 或者基本上是一种你需要安装到你的项目中的组件或模块
所以网上有很多关于你如何去做的说明, 或者你甚至可以问你如何去做
幸运的是, 我已经安装了这些东西, 所以我不打算继续这样做
那么, 让我们来问一下如何创建一个React应用程序？
因此, 要创建一个新的React应用程序, 您可以使用名为Create React App的命令行工具,
这是启动新的单页面React应用程序的官方方式
实际上, 这正是我要找的
所以它实际上能够根据它合成的互联网数据告诉我这个
这里它实际上给了我确切的答案, 或者说我需要遵循的步骤
现在, 有一件事值得注意的是, 也许在前面的问题中, 我问你如何为我写一个简单的网站,
基本上它不知道我们的规格是什么, 对吧？
就像聊天不是那种全能的存在, 它将能够成为一个无限的创造力池, 就像你作为一个人一样
这种独特的人与技术的互动是可以非常富有成效的
它不像一个魔法咒语, 我们可以突然只是使用, 它会是治愈一切, 对不对？
所以确实需要一点领域知识来知道该问什么
但是一旦你知道很多门是开着的, 可以这么说
所以一旦你安装了这个, 在你有了节点包管理器之后, 我们就可以运行这个命令了
有趣的是, 这些代码片段也被标记为Lua, 因为这是一种脚本语言,
在这里肯定没有使用
恰恰相反
我们实际上要运行这个命令NPC的Create React应用程序, 我的应用程序在命令行中
所以
如果你继续运行它, 它会在一个名为My App的应用程序上运行这个命令, 它还会为我们创建一个目录
正如我们在这里看到的, 已经创建了一个目录
我们可以看到里面已经创建了一个文件
这里显示的进度条也代表了我们所说的正在生成的应用程序
是的, 所以我们要给它一点时间来运行
但与此同时, 我们可以继续看看它为我们规定了什么
所以我们可以看到, 一旦你生成了这个, 我们要改变目录
这就是裁谈会的含义
所以这里很有意思
它实际上有正确的代码片段细节排序在这里
所以它实际上是bash
我没有使用Bash, 因为我在Windows上, 但我在这里使用PowerShell窗口
你可以看到PS, 它本质上是Windows中命令行的等价物
基本上我们要把目录改成这个目录, 这是计算机科学对文件的另一种说法
因此, 一旦我们在该目录中, 我们基本上可以运行这个NPM重新开始
这段代码有点脱离SQL或者说标准查询语言, 是一种方式, 一种我们可以用来操作数据库或者与数据库交互的语言
很明显这里不该是这样的
所以有时候你必须有点超越聊天, 从某种意义上说, 你必须知道它想说什么
因为这里肯定不是SQL命令, 但我们还是要继续运行这些命令