開發(fā)人員查看使用SPA，Webpack，身份驗(yàn)證，GraphQL，文檔和測試的Vue開發(fā)人員的資源。

你準(zhǔn)備開始一個(gè)重要的Vue項(xiàng)目嗎？為了確保從堅(jiān)實(shí)的基礎(chǔ)開始，您可以使用模板（也就是樣板，骨架，起動(dòng)器或腳手架）而不是從npm init或開始vue init。

許多經(jīng)驗(yàn)豐富的開發(fā)人員已經(jīng)掌握了以開源模板的形式構(gòu)建高質(zhì)量Vue應(yīng)用程序的智慧。這些模板包括最佳配置和項(xiàng)目結(jié)構(gòu)，最佳第三方工具以及其他開發(fā)最佳實(shí)踐。

與Vue CLI 3不同，Vue CLI 3針對(duì)靈活性進(jìn)行了優(yōu)化，因此模板具有觀點(diǎn)。因此，重要的是選擇符合您的開發(fā)理念并且具有開箱即用的大致相同的功能。

選擇Vue模板的一些注意事項(xiàng)包括：

Webpack

PWA

具有身份驗(yàn)證的全棧

好文檔

GraphQL

Testing

有很多很棒的Vue.js模板，但是，在本文中，我們將看看包含新項(xiàng)目通常需要的關(guān)鍵功能的5個(gè)模板。

1.最適合Webpack

如果你需要一個(gè)可靠的Webpack設(shè)置，那么Vue CLI 2附帶的Webpack模板就是最好的。在GitHub上有近7000顆星，Vue團(tuán)隊(duì)成員開發(fā)和維護(hù)，這個(gè)模板是創(chuàng)建高度優(yōu)化的Webpack驅(qū)動(dòng)的最好選擇。

該模板利用了Webpack及其生態(tài)系統(tǒng)的許多前沿功能，包括熱重載，CSS提取，linting以及單文件組件加載。它還包括針對(duì)開發(fā)，生產(chǎn)甚至測試而優(yōu)化的獨(dú)立配置。

作為Vue CLI 2的一部分，這是我們將要展示的最不具意見的模板之一，因此不包括服務(wù)器端渲染等許多理想的附加功能。

如果你發(fā)現(xiàn)Webpack模板有點(diǎn)過分，你可以試試它的小兄弟，Webpack Simple模板。

鏈接：https：//github.com/vuejs-templates/webpack

注意：即將退出測試版的Vue CLI版本3已經(jīng)放棄了模板體系結(jié)構(gòu)，轉(zhuǎn)而使用插件，因此該模板在技術(shù)上將被棄用，但仍可從Vue CLI 3的舊版設(shè)置中獲取。了解更多信息文章Vue CLI 3：用于前端開發(fā)的游戲改變者。

2.最適合PWA

您是否需要漸進(jìn)式應(yīng)用的卓越用戶體驗(yàn)？Vue Starter是服務(wù)器呈現(xiàn)的PWA的SPA模板。它包括Vuex和Vue Router，配置為開箱即用的服務(wù)器端渲染（SSR）。

該項(xiàng)目已經(jīng)考慮到確保您的部署項(xiàng)目從一開始就具有驚人的用戶體驗(yàn)，