vite-vue3-h5 vue prettier eslint Stylelint vite typescript vant pinia 介绍 使用 pnpm create vite 名称创建的项目

随着vue3越来越成熟，加之vite的出现。所以笔者最近尝试了一下用vite+vue3搭建一个移动端项目，所以记录一下搭建的过程。有需要的小伙伴可以作为参考来搭建，可以少走很多弯路

项目准备 Visual Studio Code VSCode 有着各种方便我们开发的插件，能让我们更加舒心的编写代码。 为 Vue3 和 TS 安装一些插件来方便我们开发 Volar 解决了 temp

从零带领大家搭建基于 vue3 + vite2 + typescript 的开发环境，逐渐带领大家搭建一套属于你自己的脚手架，制定一套合理的解决方案，为项目打下良好的基础，与同伴形成合适的开发习惯。

vite、vue3有多火就不多介绍了，咱们直接上手尝试一下！ 内容篇幅可能偏长，都是手把手的硬干货，敲完会有意外的收货！ 环境准备 Node.js版本 >= 12 建议将Node.js升级到最新的稳定

vite 不支持ie11 创建项目 命名： 选择要创建的框架，这里选择vue 选择语言 这里用TypeScript或者javaScript都可以 这样一个vite2+vue3项目就创建完成了 cd 项