vue慢慢的成為了前端最受歡迎的框架之一，在很多項(xiàng)目之中開發(fā)都能用得到，如今也已經(jīng)發(fā)展到3.0了，可能是因?yàn)檫@個(gè)框架可以提高工作效率，因此受到大家的追捧，在之前的文章里面也說過，2019年，大前端學(xué)習(xí)小程序和vue是必備技能。2023年必將是vue3-ts主流，擁抱新技術(shù)必須是我們要接受的！
如果在平時(shí)的工作里，有些公司用不到這兩項(xiàng)技能，那你也要在業(yè)余的時(shí)間里面，找一些教程和練手的vue小項(xiàng)目。以下是今年的一些可以練筆的項(xiàng)目，這些源碼稍微學(xué)習(xí)其中的幾個(gè)，基礎(chǔ)能力都能夠有所進(jìn)步。
vue-big-screen-plugin
vue3全家桶搭建大型單頁面商城項(xiàng)目(移動端)，小米書城 Vue3 版本，技術(shù)棧為Vite + Script setup + Vue 3.0 + Vue-Router 4.0 + Vuex 4.0 + Axios + Node。
vue新手練習(xí)項(xiàng)目：https://github.com/Wscats/vue-cli
基于vite打包的vue3 + ts + tsx模板項(xiàng)目：https://github.com/justwiner/vue3-tsx
基于Vue3+Element Plus 后臺管理demo：https://github.com/typ1805/mall-vue3-manage
vue3-typescript-template：vue3 + vuex + typescript + webpack + vant-ui + axios + less + postcss-pxtorem(rem適配)
sql-generator：前端使用 Vue3 + Vite + Ant Design Vue 開發(fā)界面，選用 Monaco Editor 實(shí)現(xiàn)代碼編輯、高亮、格式化等功能，使用 TypeScript + ESLint 保證代碼規(guī)范
vue3-vite-ts-uniapp
RuoYi-Vue3：Vue3版本若依管理前端項(xiàng)目
基于 Vue3 + pinia + Element Plus 的后臺管理系統(tǒng)解決方案：https://github.com/lin-xin/vue-manage-system
https://github.com/vbenjs/vue-vben-admin
vue-bag-admin：Bag快速開發(fā)管理系統(tǒng)、門戶網(wǎng)站、博客系統(tǒng)框架，提供基礎(chǔ)的框架，快速搭建企業(yè)產(chǎn)品，響應(yīng)式開發(fā)，你可以將它應(yīng)用在任何需要服務(wù)端管理的應(yīng)用。如：開發(fā)管理系統(tǒng)的 API 接口、門戶網(wǎng)站博客、企業(yè)內(nèi)部的業(yè)務(wù)管理、ERP、CMS、APP 的后臺等
vue3+vite+ts 版本，前端 50 天 50 個(gè)練手小項(xiàng)目：https://github.com/Mochenghualei/50projects-vue3 源項(xiàng)目 demo 地址:https://50projects50days.com/
https://github.com/Mochenghualei/vue3_health_admin
vue3+vite+pinia+ts 開發(fā)模板：https://github.com/Mochenghualei/Vue3-Ts-Vite-Pinia_Template文章來源：http://www.zghlxwxcb.cn/news/detail-793563.html
vite-vue3-ts 文章來源地址http://www.zghlxwxcb.cn/news/detail-793563.html
到了這里，關(guān)于vue3項(xiàng)目練習(xí)大全（附github源碼）的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
