从零开始搭建一个vue demo工程

使用vite创建

Vue2和Vue3的代表作

参考文章

使用vue-cli创建

Vue3-使用@vue/cli搭建项目 - 个人文章 - SegmentFault 思否

此处使用了vue-cli（基于webpack）来搭建工程，随着vue3的发布，事实上另一种打包工具Vite（基于es6）也逐渐流行起来，并逐渐被人认可（包括尤溪雨本人，他甚至认为会取代webpack方式），此处也找了Vite创建vue demo的文章，操作性也是比较强的

使用vite创建

使用使用vite创建vue3项目 - 掘金

这个教程只能创建vue3应用，而且总体结构上比较简单

Vue2和Vue3的代表作

事实上，我们很少通过从零开发一个vue工程，毕竟工程量还是挺大的，需要方方面面都考虑。在Github上有不少Star数量很高的开源项目，也是大多是公司甚至是个人的选择。我们直接搜索“Vue admin” 按Star排序，可以看到很多优秀的开源项目，以我的经验，认为选择下图两个库是比较好的学习蓝本。 

•  git@github.com:PanJiaChen/vue-element-admin.git
• git@github.com:PanJiaChen/vue-admin-template.git
• git@github.com:chuzhixin/vue-admin-better.git

参考文章

Vue3-使用@vue/cli搭建项目 - 个人文章 - SegmentFault 思否

使用vite创建vue3项目 - 掘金

Vite创建Vue3项目_51CTO博客_创建vue3项目

Vite 与 Vue Cli 对比 - 尤雨溪: Vite 会取代 vue-cli 吗？ - 卡拉云

12 款最棒 Vue 开源 UI 库_vue ui库_代码有毒。。。的博客-CSDN博客