安装vue3

1. vue create project_name

1

E:\>vue create project_name # project_name也是创建的文件夹名

2. 上下方向键选择 Manually select features，回车键进入选择特性。

不选择CSS Pre-processors的原因是sass之类的预处理器和tailwindcss可能会有函数冲突，会带来不必要的麻烦

3. 使用数字键选择需要的特性，重复按键取消选择。选择完毕后按回车进入下一步

如图上的标注 2就对应着Babel

4. 上下键选择vue版本号，这里选3.x

5. 是否使用Class风格装饰器，输入y然后回车

6. 使用Babel与TypeScript一起用于自动检测的填充，输入y然后回车（这一步忘截图了哈哈哈哈）

7. 使用history模式的路由，输入n然后回车

这里分两种情况：如果使用nginx、apache之类的软件部署，支持伪静态配置的可以选y；如果是放到阿里云OSS、腾讯云COS的话需要选n。

两个模式的区别在于URL不同，history模式是a.com/xxx/xxx，另一个则是a.com/#/xxx/xxx。

8. 语法检测工具，这里选择ESLint + Prettier

9. 选择语法检查方式，选择Lint on save

Lint on save是保存就检测，Lint and fix on commit是fix和commit时候检查

10. Where do you prefer placing config for Babel, ESLint, etc.?（您希望Babel, ESLint 配置的存放位置，我们选择在专用的配置文件中），选择In dedicated config files存放到单独的配置文件中。

11. Save this as a preset for future projects?（将此保存为预设项目），这里我选了n。

12. 安装中，出现下面这个界面就是安装完了。