vue - - - - vite创建vue3项目（不使用TS）

vite创建vue3项目

vite官方文档

1. 使用指令创建项目

>  npm create vite your-project-name
>  or
>  yarn create vite your-project-name

此处演示使用npm，执行该指令时，遇到下述7.1所示报错。

Need to install the following packages(需要安装以下软件包): y (同意安装)

2. 当前项目使用什么框架

Select a framework(选择框架)

3. 选择变种（语言）

Select a variant (选择变种 (语言) ):

4. 项目创建完成

5. 切换、安装依赖、启动项目

6. yarn 代替 npm ，使用vite创建项目

yarn create vite

7.踩坑

7.1 报错：ExperimentalWarning: The ESM module loader is experimental.

问题描述：

https://github.com/vitejs/vite/tree/main/packages/create-vite#scaffolding-your-first-vite-project
在文档内可看到， Vite 需要Node.js版本14.18+、16+

解决办法：

切换Node版本

参考文档：https://zhuanlan.zhihu.com/p/563971503