開發(fā)人員查看使用SPA,Webpack蛙粘,身份驗(yàn)證垫卤,GraphQL,文檔和測試的Vue開發(fā)人員的資源出牧。
你準(zhǔn)備開始一個重要的Vue項(xiàng)目嗎穴肘?為了確保從堅(jiān)實(shí)的基礎(chǔ)開始,您可以使用模板(也就是樣板舔痕,骨架评抚,起動器或腳手架)而不是從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針對靈活性進(jìn)行了優(yōu)化侍匙,因此模板具有觀點(diǎn)。因此叮雳,重要的是選擇符合您的開發(fā)理念并且具有開箱即用的大致相同的功能想暗。
選擇Vue模板的一些注意事項(xiàng)包括:
Webpack
PWA
具有身份驗(yàn)證的全棧
好文檔
GraphQL
Testing
有很多很棒的Vue.js模板,但是债鸡,在本文中江滨,我們將看看包含新項(xiàng)目通常需要的關(guān)鍵功能的5個模板。
1.最適合Webpack
如果你需要一個可靠的Webpack設(shè)置厌均,那么Vue CLI 2附帶的Webpack模板就是最好的。在GitHub上有近7000顆星告唆,Vue團(tuán)隊(duì)成員開發(fā)和維護(hù)棺弊,這個模板是創(chuàng)建高度優(yōu)化的Webpack驅(qū)動的最好選擇晶密。
該模板利用了Webpack及其生態(tài)系統(tǒng)的許多前沿功能,包括熱重載模她,CSS提取稻艰,linting以及單文件組件加載。它還包括針對開發(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),