Vue3 项目搭建工具 Parcel-Vue-App 诞生记：从 0 到 1 造轮子

造轮子的好处

前几天，尤大在直播中谈到了造轮子的好处，主要还是锻炼自己。对于前端开发人员来说，造轮子是一种很好的学习方式，可以帮助我们加深对底层原理的理解，也能锻炼我们的动手能力。

Parcel-Vue-App 的诞生背景

最近一段时间，我一直在研究 Vue3，也尝试了很多 Vue3 项目搭建工具，比如 webpack、vite、vue-cli 和 create-vue-app 等。这些工具都很优秀，但它们都有各自的优缺点。

webpack 是一个非常强大的工具，但它的配置也很复杂。vite 是一个非常快的工具，但它还不够成熟。vue-cli 和 create-vue-app 是非常方便的工具，但它们不够灵活。

因此，我想创建一个属于自己的 Vue3 项目搭建工具，既简单易用，又功能强大。

Parcel-Vue-App 的实现原理

Parcel-Vue-App 是基于 Parcel 打造的，Parcel 是一个非常轻量级的 JavaScript 打包工具，它可以将 JavaScript、CSS 和 HTML 等文件打包成一个可供浏览器运行的 JavaScript 文件。

Parcel-Vue-App 在 Parcel 的基础上，集成了 Vue3 和一些常用的 Vue3 插件，比如 Vue Router、Vuex 等。这样，用户就可以快速创建一个 Vue3 项目，而无需手动配置复杂的 webpack 或 vite 配置。

Parcel-Vue-App 的使用教程

Parcel-Vue-App 的使用非常简单，只需三步即可创建一个 Vue3 项目：

1. 安装 Parcel-Vue-App：

npm install -g parcel-vue-app

2. 创建一个 Vue3 项目：

parcel-vue-app create my-vue3-project

3. 进入项目目录并运行项目：

cd my-vue3-project
npm run serve

Parcel-Vue-App 的感想

在开发 Parcel-Vue-App 的过程中，我学到了很多东西。我对 Vue3 的理解更加深入，也对前端开发有了更深刻的认识。

造轮子是一个非常有意思的事情，它可以帮助我们锻炼自己的动手能力，加深对底层原理的理解。如果你有时间，不妨也尝试一下造轮子。

总结

Parcel-Vue-App 是一个简单易用、功能强大的 Vue3 项目搭建工具，它可以帮助用户快速创建一个 Vue3 项目。Parcel-Vue-App 基于 Parcel 打造，集成了 Vue3 和一些常用的 Vue3 插件，用户无需手动配置复杂的 webpack 或 vite 配置。

如果你正在寻找一个 Vue3 项目搭建工具，那么 Parcel-Vue-App 是一个不错的选择。