正文

ChatGPT | 不會(huì)編程？教你用ChatGPT在2分鐘構(gòu)建頁面

發(fā)布時(shí)間：2023-03-03 16:08:44 稿源：互聯(lián)網(wǎng) 閱讀： 546 問大家

ChatGPT小助手系列，教你使用很可能改變未來的人工智能。

準(zhǔn)備工作，熟悉需要用到的軟件

首先，我們需要準(zhǔn)備ChatGPT。ChatGPT在OpenAI的官網(wǎng)上可以直達(dá)。至于如何直達(dá)OpenAI后續(xù)出一個(gè)詳細(xì)教程（如果現(xiàn)在就想體驗(yàn)的，可以評(píng)論區(qū)留言）

ChatGPT | 不會(huì)編程？教你用ChatGPT在2分鐘構(gòu)建頁面

我們知道網(wǎng)頁是用HTML CSS JS構(gòu)成的，所以大概了解這些概念。

現(xiàn)代程序猿最常用的代碼編輯器（也叫IDE）是VSCode。

好了，工具我們就準(zhǔn)備齊全了。

第一步，使用ChatGPT生成一個(gè)網(wǎng)頁框架。

比如這次例子就用ChatGPT生成一個(gè)類似谷歌搜索引擎的網(wǎng)站。

原始網(wǎng)站

第一步我們就可以在ChatGPT輸入“使用html和bootstrap寫代碼生成一個(gè)類似google.com的網(wǎng)站”?？梢钥吹紺hatGPT很快幫我們寫出了一系列的代碼。

下一步，我們就是把代碼黏貼到VSCode中。

第二步，利用代碼生成網(wǎng)站。

我們把代碼黏貼到VSCode中后，利用插件啟動(dòng)服務(wù)，就可以打開這個(gè)頁面了。

打開的頁面如下所示，不過現(xiàn)在還很粗糙，我們繼續(xù)讓ChatGPT生成更多HTML和CSS樣式來完善網(wǎng)站。

第三步，使用ChatGPT繼續(xù)優(yōu)化網(wǎng)站。

我們繼續(xù)讓ChatGPT生成更像google的代碼，然后ChatGPT非常人性化的回答了我們，并且生成了新的代碼。

我們用新的代碼替換后，可以看到頁面的結(jié)構(gòu)和字體都已經(jīng)發(fā)生了變化。

然后，我們可以讓ChatGPT繼續(xù)往頁面里加入一些圖片

可以看到，ChatGPT可以99%的滿足我們的需求，剩下的只需要稍微修改一下就可以了。

不愧是通過達(dá)到Google18萬年薪的“智商”。

ChatGPT會(huì)顛覆搜索引擎嗎，未來是從這里開始嗎？

“ChatGPT 以 18.3 萬美元的薪水通過了 3 級(jí)工程師的 Google 編碼面試”，當(dāng)你看到這個(gè)標(biāo)題的時(shí)候是不是感覺很震驚？AI已經(jīng)如此智能了嗎？

在NLP領(lǐng)域中ChatGPT的能力已經(jīng)達(dá)到了目前技術(shù)的巔峰，但是如果想要ChatGPT發(fā)揮出極限的能力，其實(shí)“問對(duì)問題”是一個(gè)非常關(guān)鍵的步驟——而想要問對(duì)一個(gè)問題，又不得不需要我們?nèi)祟悓⒆约合胍私獾膯栴}、需求、訴求闡述的盡可能的明白和準(zhǔn)確，然后這個(gè)問題又回到了我們?nèi)祟愖约荷砩希阂簿褪钦J(rèn)知能力和解釋能力。

ChatGPT想體現(xiàn)強(qiáng)人工智能效果，還是依賴人類

強(qiáng)人工智能是我們夢(mèng)寐以求的，現(xiàn)在的人工智能可以稱之為弱人工智能，因?yàn)橹荒芙鉀Q特定領(lǐng)域的特定模式的問題。

就像終結(jié)者和只會(huì)吹小號(hào)的機(jī)器人一樣，ChatGPT想要體現(xiàn)強(qiáng)人工智能，完全自主的解決人類工作和生活中遇到的問題，目前來看依然還是不足的。

但是，如果掌握了一些提問的技巧，并且對(duì)自己所要查詢的問題有個(gè)大概的了解，那么可以利用ChatGPT快速檢索和組織的能力，在ChatGPT提供的結(jié)果上進(jìn)行補(bǔ)充修改。這樣就能大大的節(jié)約我們的時(shí)間，并且在一個(gè)相對(duì)準(zhǔn)確的道路上去增量的進(jìn)行修改。