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

核心要點(diǎn):

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

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

Meteor

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

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

Sails

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

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

MongoDB Mongoose

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

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

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

就是這樣。你還需要什么？停止拖延，開始編碼吧！

Lodash

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

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

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

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

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

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

Svelte

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

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

Vue.js Vue CLI

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

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

React CRA

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

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

Three.js

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

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

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

PixiJS

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

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

Parcel

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

結(jié)論

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

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

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

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

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

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

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

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

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

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

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

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

腳手架適用于所有類型的項(xiàng)目嗎？

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

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

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

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

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

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

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

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

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

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