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

查询了不少文章,有知乎、CSDN、简书、思否等,发现如下操作性比较好,特此记录

目录

使用vue-cli创建

使用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排序,可以看到很多优秀的开源项目,以我的经验,认为选择下图两个库是比较好的学习蓝本。 

从零开始搭建一个vue demo工程_第1张图片

从零开始搭建一个vue demo工程_第2张图片

 

参考文章

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

使用vite创建vue3项目 - 掘金

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

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

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

你可能感兴趣的:(vue,vue.js,javascript,前端)