十款助你快速啟動新項目的庫

核心要點:

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

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

Meteor

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

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

Sails

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

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

MongoDB Mongoose

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

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

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

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

Lodash

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

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

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

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

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

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

Svelte

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

Svelte 默認(rèn)情況下是反應(yīng)式的。無需複雜的 state 管理庫或虛擬 DOM 等等。它甚至不運行在瀏覽器中。它將您的代碼編譯成一個微小、優(yōu)化的、純 JavaScript 文件，這就是瀏覽器運行的文件。所以，就是這樣：除了超級易於使用之外，它也很棒。如果您不相信我，請查看他們網(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)項目的最快方法。它負(fù)責(zé)設(shè)置環(huán)境的所有麻煩和復(fù)雜性，讓您直接開始編寫代碼。我喜歡它的一點是它對 TypeScript 和 Unity 測試的開箱即用支持，最棒的是您不需要“彈出”您的應(yīng)用程序來對環(huán)境進(jìn)行配置。這是一個無與倫比的、長期的支持保證，其最接近的競爭對手無法提供。

React CRA

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

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

Three.js

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

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

這是一個額外獎勵，一個音樂視頻：- http://m.miracleart.cn/link/d169e16da608a6a8d61bc64a2d333e8a

PixiJS

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

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

Parcel

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

結(jié)論

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

關(guān)於更快啟動新項目的常見問題 (FAQ)

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

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

Yeoman 如何幫助更快地啟動新項目？

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

使用 Yeoman 等項目啟動器有哪些好處？

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

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

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

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

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

腳手架適用於所有類型的項目嗎？

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

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

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

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

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

使用腳手架有什麼缺點嗎？

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

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

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

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