您是一名 JavaScript 開發(fā)人員，懷揣著構(gòu)建令人驚嘆的事物的遠(yuǎn)大夢(mèng)想。但在您開始實(shí)施下一個(gè)令人難以置信的應(yīng)用程序創(chuàng)意之前，您必須花費(fèi)數(shù)小時(shí)來設(shè)置樣板代碼和基礎(chǔ)設(shè)施。需要配置開發(fā)環(huán)境、設(shè)置 CI 管道以及構(gòu)建大量通用功能，例如用戶配置文件和身份驗(yàn)證流程。

您覺得這并不是對(duì)您的時(shí)間或才能的最佳利用。那是你開始尋找捷徑的時(shí)候?？梢蕴幚響?yīng)用程序日常部分的工具和資源，以便您可以專注于您正在嘗試構(gòu)建的特殊功能。

您可能已經(jīng)在某種程度上依賴人工智能編碼助手，但當(dāng)它們與旨在快速啟動(dòng)我們的項(xiàng)目的其他開發(fā)工具和資源配合使用時(shí)，真正的魔力就會(huì)發(fā)生。

雖然人工智能可以簡(jiǎn)化許多任務(wù)，但了解如何有效地使用經(jīng)過驗(yàn)證的工具和資源至關(guān)重要。這些可以指導(dǎo)您的 AI 助手生成更干凈、經(jīng)過更好測(cè)試且更高效的代碼。

項(xiàng)目模板和人工智能編碼助手

項(xiàng)目模板為各種技術(shù)堆棧提供預(yù)配置的設(shè)置。它們已經(jīng)存在很長(zhǎng)時(shí)間了，但也許與直覺相反，隨著人工智能編碼助手的興起，它們變得更加重要。

示例：Vercel.com 和 Remix.run 上的入門模板

模板為您的 AI 助手提供了最佳的上下文，節(jié)省了數(shù)小時(shí)的細(xì)致提示工程以及與您的 AI 伙伴的長(zhǎng)時(shí)間對(duì)話。模板有詳細(xì)說明。它定義了開發(fā)環(huán)境、使用的依賴項(xiàng)、數(shù)據(jù)傳輸方法、框架、狀態(tài)管理、樣式解決方案等等。

模板還嵌入了編碼約定和開發(fā)標(biāo)準(zhǔn)。有了堅(jiān)實(shí)的、經(jīng)過測(cè)試和驗(yàn)證的基礎(chǔ)，您就無需逐個(gè)提示地將整個(gè)事情拼湊在一起。

使用Cursor AI和@Codebase提及自定義預(yù)制項(xiàng)目（模板）

除了模板本身之外，一些 AI 助手（如 Cursor AI）還支持通用指令文件來指導(dǎo) AI 提出的每個(gè)建議。例如，請(qǐng)參閱由高級(jí)開發(fā)人員編寫的 Cusror AI 指令集合，以在 .cursorrules 文件中使用：

https://cursor.directory/

基礎(chǔ)設(shè)施即代碼和人工智能編碼助手

編碼不僅僅是編寫前端或后端邏輯，而是為您的應(yīng)用程序的蓬勃發(fā)展建立整個(gè)生態(tài)系統(tǒng)。 AWS CDK、Pulumi 或 Terraform 等工具可讓您將云基礎(chǔ)設(shè)施定義為代碼。

像 SST 這樣的現(xiàn)代 IoC 工具非常“了解”代碼庫(kù)的功能方面。它們嵌入到應(yīng)用程序的邏輯中，以實(shí)現(xiàn)簡(jiǎn)化且更可靠的開發(fā)?，F(xiàn)代 IoC 工具通常提供令人難以置信的抽象 API，這使您和您的 AI 伴侶更容易理解。

使用 IoC 可以讓您的 AI 編碼助手為您提供更多幫助。它可以操縱和擴(kuò)展您的基礎(chǔ)設(shè)施，就像它對(duì)您的邏輯和 UI 所做的那樣。您的代碼庫(kù)就是人工智能為您提供良好服務(wù)所需的全部?jī)?nèi)容。沒有任何內(nèi)容被隱藏，包括為您的應(yīng)用程序提供支持的資源。

/**  
* SST Example; the code for nextjs deployment   
* along with the creation of an S3 bucket (acesible to it)  
**/  

const bucket = new sst.aws.Bucket("MyBucket", {  
  access: "public"  
});  

new sst.aws.Nextjs("MyWeb", {  
  link: [bucket]  
});

自托管 UI 庫(kù)和 AI 編碼助手

將 UI 組件直接嵌入到項(xiàng)目中，而不是將它們安裝為（不可變的）npm 包，這為您提供了更大的靈活性來調(diào)整和擴(kuò)展它們。

將自己的 UI 組件實(shí)例作為代碼庫(kù)的一部分的一個(gè)主要優(yōu)點(diǎn)是，它使您的 AI 編碼助手可以更輕松地根據(jù)需要編寫新的 UI，同時(shí)參考您自定義的組件集合及其（可能）修改的內(nèi)容行為和 API。

一些組件集合（例如 shadcn/ui）提供 CLI 工具來幫助您完成“復(fù)制粘貼”過程。 Bit 等其他工具可以幫助您對(duì) Bit 平臺(tái)上托管的任何 UI 庫(kù)執(zhí)行相同的操作。任何組件都可以安裝或復(fù)制到您的項(xiàng)目中。

Bit Platform 上托管的 Radix 組件的自定義集合

就 Bit Platform 而言，專門的 AI 助手還可以根據(jù)您最喜歡的組件庫(kù)生成自定義的共享組件集合。

在 Bit Platform 上生成自定義 Material UI 組件的共享集合

可組合代碼庫(kù)和 AI 編碼助手

可組合軟件或可組合代碼庫(kù)是兩個(gè)密切相關(guān)的概念，它們?cè)谲浖_發(fā)中也已經(jīng)存在了一段時(shí)間。

本質(zhì)上，可組合代碼庫(kù)是由模塊化、可重用且可獨(dú)立管理的組件或模塊設(shè)計(jì)的。這些模塊可以以不同的方式組裝以產(chǎn)生新系統(tǒng)或修改現(xiàn)有系統(tǒng)。系統(tǒng)可以在構(gòu)建時(shí)、運(yùn)行時(shí)或混合狀態(tài)下組合，形成前端、后端，甚至其基礎(chǔ)設(shè)施。

示例：由可重用組件組成的可組合 React Apollo 服務(wù)器應(yīng)用程序

“可組合”方法因其生成的標(biāo)準(zhǔn)化、可維護(hù)且高度適應(yīng)性的代碼而受到許多人的喜愛和采用。

“標(biāo)準(zhǔn)化”，因?yàn)橄嗤慕M件在整個(gè)系統(tǒng)中重復(fù)使用。 “可維護(hù)”，因?yàn)橄到y(tǒng)中的組件形成了一個(gè)清晰的依賴關(guān)系圖，描述了它們?nèi)绾蜗嗷リP(guān)聯(lián)，而且還因?yàn)榇a總行數(shù) (LOC) 大大減少。最后，它是“適應(yīng)性強(qiáng)”，因?yàn)榻M件可以在不同的星座中使用，以滿足新的需求。

人工智能編碼助手正在為可組合性帶來全新??的旋轉(zhuǎn)。

像 Bit 這樣的平臺(tái)已經(jīng)采用了這種方法，為獨(dú)立組件提供了一個(gè)家，以及人工智能驅(qū)動(dòng)的編碼助手。這個(gè)助手不僅僅是簡(jiǎn)單的代碼生成；它了解系統(tǒng)的依賴關(guān)系圖，并且優(yōu)先考慮重用現(xiàn)有組件，而不是從頭開始創(chuàng)建新代碼。

這種策略性重用確保代碼庫(kù)保持高效和可維護(hù)，避免不必要的膨脹。此外，由于重復(fù)使用的組件已經(jīng)過測(cè)試和驗(yàn)證，因此可以保證您獲得更好的睡眠。

例如，請(qǐng)參閱以下給Bit AI助手的提示：

使用 Bit 的 AI 編碼助手生成新功能

生成的組件將是代碼庫(kù)中現(xiàn)有獨(dú)立組件的組合：

人工智能生成的組件“contact-us-form”由代碼庫(kù)中的現(xiàn)有組件組成

然后在加入您的代碼庫(kù)之前構(gòu)建并測(cè)試該組件，在某種程度上，這是可重用組件的精選集合：

人工智能生成的組件在加入 Bit Platform 上的代碼庫(kù)之前會(huì)進(jìn)行構(gòu)建和測(cè)試

結(jié)論

沒有人開始編碼，因?yàn)樗麄儗?duì)設(shè)置樣板或與管道進(jìn)行角力感到興奮。當(dāng)你開始專注于真正重要的創(chuàng)造性的、改變游戲規(guī)則的事情時(shí)，真正的魔力就會(huì)發(fā)生。人工智能編碼助手可以為您提供幫助，但是，如果在沒有考慮計(jì)劃或方法的情況下使用它們，通常會(huì)導(dǎo)致與您的人工智能合作伙伴進(jìn)行冗長(zhǎng)乏味的對(duì)話。

以上是AI 編碼助手、入門模板等：減少工作量指南的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！