【Vue3】 1.3 关于创建项目VSCODE的踩坑小记

前边发了几篇关于创建Vue3+vite+typescript+pinia+vue-router+element-plus的文章。
根据当下的理解，项目中集成这些东西，再加一个 axios 那么基本就是一个现阶段可堪一用的Vue项目了
创建项目的方式有很多种，大多数都是从vite里边看的教程来创建 在VS CODE中各种飘红
经过各种试验，我建议用以下名来创建新项目

npm create vue@latest

然后按照步骤，逐一配置完毕即可创建一个完美项目

···
// 输入项目名字 …input
√ Project name: … vue-learning
// 选择是否启用 TS Y
√ Add TypeScript? … No / Yes
// 是否支持JSX Y(这个其实我不确定是不是必须)
√ Add JSX Support? … No / Yes
// 是否支持路由 Y
√ Add Vue Router for Single Page Application development? … No / Yes
// 是否要装大菠萝状态管理库 Y
√ Add Pinia for state management? … No / Yes
// 是否启用Vitest 测试 N 剩下的都是No 就行了
√ Add Vitest for Unit Testing? … No / Yes
√ Add Cypress for End-to-End testing? … No / Yes
√ Add ESLint for code quality? … No / Yes
···
最后三项也不知道是干啥的，有啥作用不知道，反正是各种飘红报错。我这种配完了，VSCODE就什么毛病都没有了。
当然，如果VSCODE之前安装过一个插件叫做 Vetur的 一定要卸载掉 那玩意儿在Vue3 项目下没有用。