十款助你快速啟動(dòng)新項(xiàng)目的庫(kù)

核心要點(diǎn):

• 本文列舉了十個(gè)庫(kù)，它們能幫助開(kāi)發(fā)者更快地啟動(dòng)新項(xiàng)目，提供節(jié)省時(shí)間的腳手架和強(qiáng)大的速度優(yōu)勢(shì)。對(duì)於經(jīng)常啟動(dòng)新項(xiàng)目並需要快速運(yùn)行的開(kāi)發(fā)者來(lái)說(shuō)，這些工具特別有用。
• 這些工具包括：Meteor（用於Web 和移動(dòng)應(yīng)用程序的JavaScript 全?？蚣埽?；Sails（模型-視圖-控制器Web 應(yīng)用程序框架）；MongoDB Mongoose（用於數(shù)據(jù)建模）；Lodash（用於日常編碼任務(wù)）；Svelte 和Vue.js Vue CLI（用於前端開(kāi)發(fā)）；React CRA（用於快速項(xiàng)目引導(dǎo)）；Three.js（用於3D 瀏覽器需求）；PixiJS（用於2D 動(dòng)畫(huà)）；以及Parcel（一個(gè)開(kāi)箱即用的捆綁器，無(wú)需配置）。
• 這些工具的選擇基於它們能夠在盡可能短的時(shí)間內(nèi)將項(xiàng)目從零到一的效率，涵蓋項(xiàng)目的不同方面。它們不僅僅是庫(kù)，而是各種能夠提供節(jié)省時(shí)間的腳手架和強(qiáng)大的速度優(yōu)勢(shì)的工具。
• 這些工具的重點(diǎn)不是可維護(hù)性或可擴(kuò)展性，而是它們啟動(dòng)項(xiàng)目的速度。它們特別適用於遵循常見(jiàn)模式的項(xiàng)目，例如具有 CRUD 操作的 Web 應(yīng)用程序。但是，對(duì)於具有非常規(guī)需求的獨(dú)特項(xiàng)目，開(kāi)發(fā)者可能更傾向於從頭編寫(xiě)自己的代碼，以便完全控制應(yīng)用程序的結(jié)構(gòu)和行為。

本文將為您介紹十個(gè)庫(kù)，它們能幫助您更快地啟動(dòng)新項(xiàng)目。在 SitePoint，我們大多數(shù)人都難以抗拒一個(gè)新的代碼庫(kù)，我們想看看是否可以縮小項(xiàng)目型開(kāi)發(fā)者的理想工具包範(fàn)圍。如果您是一位喜歡經(jīng)常啟動(dòng)新項(xiàng)目、將它們發(fā)佈到世界各地並觀察其效果（驗(yàn)證，就像您市場(chǎng)營(yíng)銷(xiāo)的朋友所說(shuō)的那樣）的開(kāi)發(fā)者，那麼您需要一個(gè)工具包。當(dāng)然，如果您每年只在自己的時(shí)間裡啟動(dòng)一次新項(xiàng)目，那麼學(xué)習(xí)這些工具可能會(huì)浪費(fèi)您的時(shí)間——這並不適合您。但是，如果您發(fā)現(xiàn)自己對(duì)首頁(yè)是採(cǎi)用單列還是三列佈局感到興趣索然，那麼您需要盡一切可能的幫助。我選擇本文中的工具是因?yàn)樗鼈兡軌蛟诒M可能短的時(shí)間內(nèi)讓您從零到一。鑑於此處的範(fàn)圍是快速引導(dǎo)您的項(xiàng)目，我還包括了不僅僅是庫(kù)，而是所有在提供節(jié)省時(shí)間的腳手架和強(qiáng)大的速度優(yōu)勢(shì)方面表現(xiàn)出色的工具。我進(jìn)行了一系列選擇，以涵蓋項(xiàng)目的不同方面——您可能會(huì)將其中幾個(gè)組合在一起，形成一個(gè)成功的組合。

Meteor

Meteor 是一個(gè)用於創(chuàng)建 Web 和移動(dòng)應(yīng)用程序的 JavaScript 全棧框架。在談?wù)撍俣葧r(shí)，我們不能不提到它。 Meteor 是速度之王。它確實(shí)會(huì)將您限制在其規(guī)則和做事方式中，但如果您目標(biāo)是盡快發(fā)布原型，Meteor 將成為您的後盾。

Meteor 的一個(gè)強(qiáng)大功能是其服務(wù)器端和客戶(hù)端共享代碼的能力。這節(jié)省了大量時(shí)間，並幫助您專(zhuān)注於真正重要的事情。它還開(kāi)箱即用地集成了 MongoDB 和 WebSockets。

Sails

Sails 是一個(gè)模型-視圖-控制器 Web 應(yīng)用程序框架。這減少了已經(jīng)熟悉其他 MVC 框架（無(wú)論語(yǔ)言或平臺(tái)如何）的開(kāi)發(fā)者的摩擦。 Sails.js 的獨(dú)特之處在於它如何通過(guò)簡(jiǎn)化的數(shù)據(jù)訪問(wèn)層（與數(shù)據(jù)庫(kù)無(wú)關(guān)）和基於應(yīng)用程序設(shè)計(jì)的 REST API 藍(lán)圖來(lái)簡(jiǎn)化創(chuàng)建常規(guī)現(xiàn)代 Web 應(yīng)用程序的過(guò)程，這些藍(lán)圖會(huì)生成路由和操作。

除其他外，它還具有基本的安全性和基於角色的訪問(wèn)控制，以及開(kāi)箱即用的 WebSockets 集成，這使其成為實(shí)時(shí)應(yīng)用程序的絕佳選擇。

MongoDB Mongoose

如果您使用的是 MongoDB，那麼您應(yīng)該利用其忠實(shí)的伙伴 Mongoose。這個(gè)庫(kù)幫助您輕鬆地將數(shù)據(jù)建模成模式，它還幫助您進(jìn)行轉(zhuǎn)換和驗(yàn)證等等。這是一種巧妙的方法，可以消除許多原本會(huì)拖累您的樣板代碼。

我們可以說(shuō)這是一個(gè)二合一的，因?yàn)樗凳玖耸褂?MongoDB，無(wú)論您是否使用 Mongoose，它都是一個(gè)絕佳的選擇。 MongoDB……好吧，讓我引用他們的網(wǎng)站：> MongoDB 是一個(gè)通用的、基於文檔的、分佈式數(shù)據(jù)庫(kù)，專(zhuān)為現(xiàn)代應(yīng)用程序開(kāi)發(fā)者和雲(yún)時(shí)代而構(gòu)建。

最後，他們補(bǔ)充道：> 沒(méi)有哪個(gè)數(shù)據(jù)庫(kù)能比它讓您更高效。

就是這樣。你還需要什麼？停止拖延，開(kāi)始編碼吧！

Lodash

Lodash 提供了一套方便的工具，讓您的日常編碼生活更舒適。它可以幫助您進(jìn)行迭代、排序、節(jié)流、去抖動(dòng)，以及您最終會(huì)添加到 utils 文件中的任何函數(shù)。

Lodash 真正酷炫的一點(diǎn)是，所有函數(shù)都可以單獨(dú)導(dǎo)入甚至單獨(dú)安裝。無(wú)需用不必要的代碼弄亂您的包。如果您只需要節(jié)流函數(shù)，您可以這樣做：

<code>npm install lodash/throttle</code>

如果您認(rèn)為自己可能會(huì)使用一些 Lodash 函數(shù)，但您不確定哪些函數(shù)，並且您不想單獨(dú)安裝每個(gè)函數(shù)的麻煩，您可以像這樣導(dǎo)入它們：

<code>import throttle from 'lodash/throttle'</code>

這樣，其餘的庫(kù)就不會(huì)進(jìn)入您的包中，您可以幸福地生活下去。

Svelte

Svelte 是一個(gè)相當(dāng)新的前端框架，一段時(shí)間以來(lái)一直在製造很多炒作，而且有充分的理由。它非常易於使用，以至於如果讓您的蹣跚學(xué)步的侄子接觸到它，可能會(huì)搶走您的工作。我不是在開(kāi)玩笑；這是一個(gè)極簡(jiǎn)主義的、不含糊的框架，它會(huì)讓您想知道為什麼構(gòu)建前端一開(kāi)始就變得如此復(fù)雜。別誤會(huì)我的意思：編寫(xiě)前端代碼仍然會(huì)很複雜，但不會(huì)因?yàn)殄e(cuò)誤的原因而復(fù)雜。如果這就是 Web 開(kāi)發(fā)的未來(lái)方向，那麼我迫不及待地想看看接下來(lái)會(huì)發(fā)生什麼。

Svelte 默認(rèn)情況下是反應(yīng)式的。無(wú)需複雜的 state 管理庫(kù)或虛擬 DOM 等等。它甚至不運(yùn)行在瀏覽器中。它將您的代碼編譯成一個(gè)微小、優(yōu)化的、純 JavaScript 文件，這就是瀏覽器運(yùn)行的文件。所以，就是這樣：除了超級(jí)易於使用之外，它也很棒。如果您不相信我，請(qǐng)查看他們網(wǎng)站上的示例。

Vue.js Vue CLI

在 Svelte 之前，Vue.js 絕對(duì)是我最直觀的前端框架的首選。它仍然可以在與其他競(jìng)爭(zhēng)對(duì)手的競(jìng)爭(zhēng)中佔(zhàn)據(jù)一席之地。 Vue.js 的優(yōu)勢(shì)在於成熟和可靠。起初它很難獲得行業(yè)的信任，但是，我們現(xiàn)在已經(jīng)到了沒(méi)有人能否認(rèn) Vue.js 已經(jīng)贏得了它在頂峰的合法地位。

但我們?cè)谶@裡的目的不是 Vue.js 本身，而是 Vue CLI。這是使用 Vue.js 引導(dǎo)項(xiàng)目的最快方法。它負(fù)責(zé)設(shè)置環(huán)境的所有麻煩和復(fù)雜性，讓您直接開(kāi)始編寫(xiě)代碼。我喜歡它的一點(diǎn)是它對(duì) TypeScript 和 Unity 測(cè)試的開(kāi)箱即用支持，最棒的是您不需要“彈出”您的應(yīng)用程序來(lái)對(duì)環(huán)境進(jìn)行配置。這是一個(gè)無(wú)與倫比的、長(zhǎng)期的支持保證，其最接近的競(jìng)爭(zhēng)對(duì)手無(wú)法提供。

React CRA

在“快速”領(lǐng)域中，Vue CLI 的一個(gè)強(qiáng)勁競(jìng)爭(zhēng)對(duì)手絕對(duì)是 Create React App，更廣為人知的是 CRA。它啟動(dòng)速度非常快，如果您已經(jīng)熟悉 React，這可能是更好的選擇。

CRA 積極維護(hù)，其重點(diǎn)是保持您的環(huán)境順利更新。唯一的缺點(diǎn)是，如果您需要自定義您的環(huán)境，您通常最終需要“彈出”您的應(yīng)用程序以公開(kāi) webpack 配置。一旦您這樣做，CRA 團(tuán)隊(duì)將不再提供支持，因?yàn)槟鷮⒉辉贀碛?CRA 應(yīng)用程序。儘管如此，除非您試圖構(gòu)建依賴(lài)於特定配置的內(nèi)容，否則您可能永遠(yuǎn)不需要“彈出”。

Three.js

如果您正在構(gòu)建任何需要在瀏覽器中使用 3D 的內(nèi)容，那麼 Three.js 就是您的朋友。它非常易於使用，擁有強(qiáng)大的社區(qū)，並且擁有與天空中星星一樣多的貢獻(xiàn)者。 Three.js 使 WebGL 變得簡(jiǎn)單。

Three.js 是一個(gè)輕量級(jí)的渲染庫(kù)，可以輕鬆集成到大多數(shù)項(xiàng)目中，使其成為我的 WebGL 首選。您應(yīng)該查看他們網(wǎng)站上的特色項(xiàng)目以獲得靈感。 Web 上的 3D 不僅僅是用於遊戲。您可以為客戶(hù)的體驗(yàn)帶來(lái)全新的維度。讓我向您展示我最喜歡的幾個(gè)：- go.pioneer.com/cornrevolution - hinderer-wolff.fr/cepages-alsace

這是一個(gè)額外獎(jiǎng)勵(lì)，一個(gè)音樂(lè)視頻：- http://miracleart.cn/link/d169e16da608a6a8d61bc64a2d333e8a

PixiJS

需要一些精美流暢的 2D 動(dòng)畫(huà)？ Pixi 是一個(gè) HTML5 創(chuàng)意引擎，具有超快的 2D WebGL 渲染器。

它非常易於使用，您應(yīng)該查看他們的畫(huà)廊，看看您可以創(chuàng)建的大量酷炫內(nèi)容。如果其中任何一個(gè)看起來(lái)與您想要實(shí)現(xiàn)的目標(biāo)相近，那麼這個(gè)庫(kù)將幫助您啟動(dòng)項(xiàng)目。

Parcel

別誤會(huì)我的意思，我喜歡 webpack，但是如果您覺(jué)得您已經(jīng)厭倦了那些複雜的配置文件，那麼您並不孤單。 Parcel 是一個(gè)開(kāi)箱即用的捆綁器，無(wú)需配置。如果您需要，您可以自定義它，但關(guān)鍵是您不必這樣做。默認(rèn)設(shè)置足以讓您的項(xiàng)目啟動(dòng)並運(yùn)行。

結(jié)論

正如我們所看到的，沒(méi)有一種萬(wàn)能的解決方案，但希望您在這個(gè)列表中找到適合您特定項(xiàng)目的內(nèi)容。當(dāng)然，我還遺漏了許多其他優(yōu)秀的解決方案。但正如我最初所說(shuō)的那樣，在這種情況下，重點(diǎn)不是可維護(hù)性或可擴(kuò)展性，而是它們啟動(dòng)的速度。構(gòu)建非凡的東西並不需要太難。有時(shí)，這僅僅是使用正確的工具的問(wèn)題。

關(guān)於更快啟動(dòng)新項(xiàng)目的常見(jiàn)問(wèn)題 (FAQ)

腳手架在編程中的意義是什麼？

腳手架在編程中是一種由許多現(xiàn)代 Web 框架用來(lái)加快應(yīng)用程序開(kāi)發(fā)的技術(shù)。它涉及自動(dòng)生成開(kāi)發(fā)者可以構(gòu)建其上的基本代碼結(jié)構(gòu)。這可能包括用於基本 CRUD（創(chuàng)建、讀取、更新、刪除）操作、視圖甚至數(shù)據(jù)庫(kù)遷移的代碼。通過(guò)提供基本結(jié)構(gòu)，腳手架允許開(kāi)發(fā)者專(zhuān)注於其應(yīng)用程序的獨(dú)特方面，而不是重複的樣板代碼。

Yeoman 如何幫助更快地啟動(dòng)新項(xiàng)目？

Yeoman 是一個(gè)強(qiáng)大的工具，可以幫助開(kāi)發(fā)者快速啟動(dòng)新項(xiàng)目。它提供了一個(gè)生成器生態(tài)系統(tǒng)，這意味著它為各種類(lèi)型的應(yīng)用程序提供了模板。這些模板或“生成器”可用於快速設(shè)置具有基本結(jié)構(gòu)、依賴(lài)項(xiàng)甚至一些樣板代碼的新項(xiàng)目。這大大減少了從頭開(kāi)始設(shè)置新項(xiàng)目所需的時(shí)間和精力。

使用 Yeoman 等項(xiàng)目啟動(dòng)器有哪些好處？

使用 Yeoman 等項(xiàng)目啟動(dòng)器有很多好處。首先，它通過(guò)自動(dòng)化設(shè)置新項(xiàng)目的過(guò)程來(lái)節(jié)省時(shí)間。其次，它通過(guò)使用相同的結(jié)構(gòu)和編碼標(biāo)準(zhǔn)來(lái)確保項(xiàng)目的一致性。第三，它通過(guò)使用經(jīng)過(guò)測(cè)試的代碼來(lái)減少錯(cuò)誤和缺陷的風(fēng)險(xiǎn)。最後，它允許開(kāi)發(fā)者專(zhuān)注於其項(xiàng)目的獨(dú)特方面，而不是設(shè)置和配置。

腳手架與傳統(tǒng)的編程方法相比如何？

傳統(tǒng)的編程方法通常涉及從頭開(kāi)始編寫(xiě)每一部分代碼。這可能非常耗時(shí)且容易出錯(cuò)。另一方面，腳手架提供了一個(gè)基本結(jié)構(gòu)和樣板代碼來(lái)開(kāi)始。這不僅加快了開(kāi)發(fā)過(guò)程，而且確保了一致性並降低了錯(cuò)誤的風(fēng)險(xiǎn)。但是，需要注意的是，腳手架不能替代對(duì)底層代碼和編程概念的理解。

我可以自定義腳手架生成的代碼嗎？

是的，腳手架生成的代碼是完全可自定義的。腳手架的目的是提供一個(gè)起點(diǎn)，而不是成品。開(kāi)發(fā)者應(yīng)該修改和構(gòu)建生成的代碼以創(chuàng)建其獨(dú)特的應(yīng)用程序。事實(shí)上，理解和自定義腳手架代碼是學(xué)習(xí)框架和相關(guān)編程概念的好方法。

腳手架適用於所有類(lèi)型的項(xiàng)目嗎？

腳手架對(duì)於遵循常見(jiàn)模式的項(xiàng)目（例如具有 CRUD 操作的 Web 應(yīng)用程序）特別有用。但是，對(duì)於具有非常規(guī)需求的獨(dú)特項(xiàng)目，腳手架可能並不那麼有益。在這種情況下，開(kāi)發(fā)者可能更傾向於從頭編寫(xiě)自己的代碼，以便完全控制應(yīng)用程序的結(jié)構(gòu)和行為。

一些流行的腳手架工具是什麼？

一些流行的腳手架工具包括 Yeoman、Rails Generators、Django 的 startproject 和 startapp 命令以及 Laravel 的 Artisan 命令行工具。這些工具支持各種編程語(yǔ)言和框架，並為不同類(lèi)型的應(yīng)用程序提供各種模板或“生成器”。

我如何有效地學(xué)習(xí)使用腳手架工具？

有效學(xué)習(xí)使用腳手架工具的最佳方法是實(shí)踐。首先閱讀您感興趣的工具的文檔和教程。然後，嘗試在一個(gè)小型項(xiàng)目中使用它。試驗(yàn)不同的生成器，自定義生成的代碼，並查看它如何影響應(yīng)用程序。隨著時(shí)間的推移，您將更好地理解腳手架的工作原理以及如何有效地使用它。

使用腳手架有什麼缺點(diǎn)嗎？

雖然腳手架可以加快開(kāi)發(fā)速度並確保一致性，但它並非沒(méi)有缺點(diǎn)。一個(gè)潛在的問(wèn)題是，如果生成的代碼包含項(xiàng)目不需要的功能，它可能會(huì)導(dǎo)致代碼膨脹。另一個(gè)問(wèn)題是，它可能會(huì)創(chuàng)建對(duì)腳手架工具的依賴(lài)，從而使將來(lái)難以切換到不同的工具或框架。最後，它可能會(huì)成為不完全理解底層代碼和概念的開(kāi)發(fā)者的拐杖。

腳手架如何促進(jìn)項(xiàng)目更快完成？

腳手架通過(guò)自動(dòng)化創(chuàng)建重複代碼和結(jié)構(gòu)來(lái)促進(jìn)項(xiàng)目更快完成。這允許開(kāi)發(fā)者專(zhuān)注於其項(xiàng)目的獨(dú)特方面，而不是花費(fèi)時(shí)間進(jìn)行設(shè)置和配置。此外，通過(guò)使用經(jīng)過(guò)測(cè)試的代碼，腳手架減少了錯(cuò)誤和缺陷的風(fēng)險(xiǎn)，這也可以加快開(kāi)發(fā)過(guò)程。

以上是更快地開(kāi)始新項(xiàng)目：10個(gè)腳手架Web開(kāi)發(fā)工具的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！