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

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

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

雖然人工智慧可以簡化許多任務(wù)，但了解如何有效地使用經(jīng)過驗(yàn)證的工具和資源至關(guān)重要。這些可以指導(dǎo)您的 AI 助理產(chǎn)生更乾淨(jìng)、經(jīng)過更好測試且更有效率的程式碼。

專案範(fàn)本和人工智慧編碼助手

專案範(fàn)本為各種技術(shù)堆疊提供預(yù)先配置的設(shè)定。它們已經(jīng)存在很長時(shí)間了，但也許與直覺相反，隨著人工智慧編碼助理的興起，它們變得更加重要。

範(fàn)例：Vercel.com 和 Remix.run 上的入門範(fàn)本

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

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

使用Cursor AI和@Codebase提及自訂預(yù)製項(xiàng)目（範(fàn)本）

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

https://cursor.directory/

基礎(chǔ)設(shè)施即程式碼和人工智慧編碼助手

編碼不僅僅是編寫前端或後端邏輯，而是為您的應(yīng)用程式的蓬勃發(fā)展建立整個(gè)生態(tài)系統(tǒng)。 AWS CDK、Pulumi 或 Terraform 等工具可讓您將雲(yún)端基礎(chǔ)架構(gòu)定義為程式碼。

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

使用 IoC 可以讓您的 AI 編碼助理為您提供更多協(xié)助。它可以操縱和擴(kuò)展您的基礎(chǔ)設(shè)施，就像它對(duì)您的邏輯和 UI 所做的那樣。您的程式碼庫就是人工智慧為您提供良好服務(wù)所需的全部內(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 庫和 AI 編碼助手

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

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

一些元件集合（例如 shadcn/ui）提供 CLI 工具來幫助您完成「複製貼上」過程。 Bit 等其他工具可以幫助您對(duì) Bit 平臺(tái)上託管的任何 UI 程式庫執(zhí)行相同的操作。任何組件都可以安裝或複製到您的專案中。

Bit Platform 上受管理的 Radix 元件的自訂集合

就 Bit Platform 而言，專門的 AI 助理還可以根據(jù)您最喜歡的元件庫產(chǎn)生自訂的共用元件集合。

在 Bit Platform 上產(chǎn)生自訂 Material UI 元件的共用集合

可組合代碼庫和 AI 編碼助手

可組合軟體或可組合程式碼庫是兩個(gè)密切相關(guān)的概念，它們?cè)谲涹w開發(fā)中也已經(jīng)存在了一段時(shí)間。

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

範(fàn)例：由可重複使用元件組成的可組合 React Apollo 伺服器應(yīng)用程式

「可組合」方法因其產(chǎn)生的標(biāo)準(zhǔn)化、可維護(hù)且高度適應(yīng)性的程式碼而受到許多人的喜愛和採用。

“標(biāo)準(zhǔn)化”，因?yàn)橄嗤慕M件在整個(gè)系統(tǒng)中重複使用。 “可維護(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è)助手不僅僅是簡單的程式碼產(chǎn)生；它了解系統(tǒng)的依賴關(guān)係圖，並且優(yōu)先考慮重複使用現(xiàn)有元件，而不是從頭開始建立新程式碼。

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

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

使用 Bit 的 AI 編碼助理產(chǎn)生新功能

產(chǎn)生的元件將是程式碼庫中現(xiàn)有獨(dú)立元件的組合：

人工智慧產(chǎn)生的元件「contact-us-form」由程式碼庫中的現(xiàn)有元件組成

然後在加入您的程式碼庫之前建立並測試該元件，在某種程度上，這是可重複使用元件的精選集合：

人工智慧產(chǎn)生的元件在加入 Bit Platform 上的程式碼庫之前會(huì)進(jìn)行建置和測試

結(jié)論

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

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