如何用chatGPT等生成式大模型開發(fā)前端代碼

隨著chatGPT的火爆,大家越來越認(rèn)識(shí)到到語言大模型的潛力爽哎,國(guó)內(nèi)的類chatGPT的生成式語言大模型(LLM)也如雨后春筍般冒出來。
如今大家都在探索各種prompt的技巧,其實(shí)從我個(gè)人看來呀枢,LLM其實(shí)也是一種檢索模型,只不過它的檢索粒度更加細(xì)致笼痛,更加語義化裙秋,盡管如此,現(xiàn)如今的LLM其實(shí)遠(yuǎn)沒有達(dá)到人類大腦的理解能力缨伊,其生成能力仍然很大程度受到它們的模型機(jī)制以及訓(xùn)練預(yù)料的數(shù)據(jù)分布的限制摘刑。
下面我就結(jié)合使用文心一言編寫代碼的實(shí)踐,來談一下自己的prompt經(jīng)驗(yàn)刻坊。先看具體case:


prompt.png

好了枷恕,大家可以看到通過我的promt,文心一言給出的答案還是比較不錯(cuò)的谭胚,當(dāng)然這里不得不提一下文心一言目前在代碼生成方面和chatGPT差距還是比較大的徐块,盡管如此,如果有好的prompt灾而,文心一言仍然可以給出相對(duì)不錯(cuò)的代碼胡控。
下面我就談一下我在設(shè)計(jì)出這樣的propmt的時(shí)候是怎么想的。

  1. 對(duì)答案進(jìn)行拆分旁趟,克服長(zhǎng)答案中斷的問題昼激。當(dāng)前文心一言的上下文長(zhǎng)度還比較小,在答案內(nèi)容很多的情況下轻庆,經(jīng)常中斷癣猾,如果用“繼續(xù)”等prompt往往不能很好地銜接,尤其是代碼相關(guān)的內(nèi)容余爆。所以我的prompt中纷宇,明確的要求文心一言將答案拆分成多個(gè)部分(代碼包括html、css和javascript三部分蛾方,下面請(qǐng)先單獨(dú)給出html代碼像捶,等我再次給出指令時(shí)再給出其余代碼。)桩砰,分步給出答案拓春,每個(gè)部分相對(duì)獨(dú)立,這樣當(dāng)一次輸出的答案不完整時(shí)再補(bǔ)全就比較容易了亚隅。
  2. 要求盡量詳細(xì)硼莽,同時(shí)給出專業(yè)的術(shù)語詞匯。比如我結(jié)合前端的領(lǐng)域知識(shí)給出了配色煮纵、間距懂鸵、布局等要求偏螺。如果沒有的話,很可能css樣式就被文心一言給忽略了匆光。
  3. 立人設(shè)(充當(dāng)一個(gè)工作10年以上的資深前端開發(fā)工程師)套像,這個(gè)是借鑒的別人經(jīng)驗(yàn),我也說不上緣由终息,但是既然大家都有這樣的共識(shí)夺巩,那就用吧。后面我猜大模型可能會(huì)針對(duì)這種形式的prompt進(jìn)行優(yōu)化訓(xùn)練周崭。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末柳譬,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子休傍,更是在濱河造成了極大的恐慌征绎,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,816評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件磨取,死亡現(xiàn)場(chǎng)離奇詭異人柿,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)忙厌,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門凫岖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人逢净,你說我怎么就攤上這事哥放。” “怎么了爹土?”我有些...
    開封第一講書人閱讀 158,300評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵甥雕,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我胀茵,道長(zhǎng)社露,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,780評(píng)論 1 285
  • 正文 為了忘掉前任琼娘,我火速辦了婚禮峭弟,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘脱拼。我一直安慰自己瞒瘸,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,890評(píng)論 6 385
  • 文/花漫 我一把揭開白布熄浓。 她就那樣靜靜地躺著情臭,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上俯在,一...
    開封第一講書人閱讀 50,084評(píng)論 1 291
  • 那天丁侄,我揣著相機(jī)與錄音,去河邊找鬼朝巫。 笑死,一個(gè)胖子當(dāng)著我的面吹牛石景,可吹牛的內(nèi)容都是我干的劈猿。 我是一名探鬼主播,決...
    沈念sama閱讀 39,151評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼潮孽,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼揪荣!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起往史,我...
    開封第一講書人閱讀 37,912評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤仗颈,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后椎例,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,355評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,666評(píng)論 2 327
  • 正文 我和宋清朗相戀三年谬泌,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了年局。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,809評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡刷晋,死狀恐怖盖高,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情眼虱,我是刑警寧澤喻奥,帶...
    沈念sama閱讀 34,504評(píng)論 4 334
  • 正文 年R本政府宣布,位于F島的核電站捏悬,受9級(jí)特大地震影響撞蚕,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜邮破,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,150評(píng)論 3 317
  • 文/蒙蒙 一诈豌、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧抒和,春花似錦矫渔、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春油够,著一層夾襖步出監(jiān)牢的瞬間蚁袭,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評(píng)論 1 267
  • 我被黑心中介騙來泰國(guó)打工石咬, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留揩悄,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,628評(píng)論 2 362
  • 正文 我出身青樓鬼悠,卻偏偏與公主長(zhǎng)得像删性,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子焕窝,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,724評(píng)論 2 351

推薦閱讀更多精彩內(nèi)容