如何使用Vite和Yarn创建Vue项目并自动生成src目录？

你执行的yarn add vue@3.0.7、yarn add vite@2.1.1 --developer仅用于给现有目录安装对应依赖，没有生成项目模板结构的逻辑，自然不会自动创建src目录。

• 第一步：清空当前目录下你之前操作生成的node_modules、package.json、yarn.lock文件，避免后续初始化冲突
• 第二步：执行Vite官方项目初始化命令，直接生成对应版本的Vue3项目模板：
  yarn create vite@2.1.1 . --template vue
  命令里的.代表在当前目录直接生成项目，如果你想新建单独的项目文件夹，把.替换为你的项目名称即可，执行后按提示确认覆盖目录内容
• 第三步：初始化完成后你就可以看到自动生成的src目录，以及预设好的vite配置、项目入口文件等全套结构
• 第四步：执行yarn install安装所有依赖，即可得到和教程匹配的项目环境

小提示：你之前用到的--developer参数是拼写错误，正确的开发依赖安装参数为--dev或简写-D，通过初始化命令生成的模板会自动配置好vue、vite的版本对应关系，无需你手动单独安装这两个依赖。

内容的提问来源于stack exchange，提问作者Rockie Leafler