最近，我终于闲置了，并准备建立一个基本模板，以便稍后为新项目做准备。在施工过程中，我遇到了很多问题。现在，我们将总结它供所有人使用。
该项目已经开始，因此从Vite的官方命令开始。这里用于构建基本项目的命令行：
执行后的项目结构是：
接下来，我开始安装东西（流血即将开始！）。
安装这两个的过程相对简单。基本上，您可以根据官方文件来完成它。然后执行命令：
在Root Directory（新文件）中创建一个新文件夹，代码如下：
目前，您需要在文件中介绍
目前，当您执行代码时，您会发现控制台报告错误，如下：
这是因为无法识别Vite，这实际上与WebPack的配置相同，只需重定向。
目前，仍然不可能，因为它不能识别为路径，您需要安装它
同时，您需要添加compileroptions.allowsynysytiticdefaultimports：true，也就是：
目前，您可以求解上一个错误。隔壁是安装：
可以说Pinia是Vuex的当前趋势。您必须尝试一些新的东西。同时在文件中添加新文件
我对内部的语法有粗略地使用，这很容易使用。仅在此处显示最简单的示例。将其引入其中。
可以说安装ESLINT是一件更麻烦的事情。我阅读了很多文章，并参考了其他人的文章的配置。但是，我仍然在路上踩了很多坑。安装，所以这次我的展览相对较长，目的是介绍每个插件的目的-in.start！start！运行命令：
根据以下步骤，您可以完成基本的ESLINT配置：
选择ESLINT使用
引入了什么模块？
完成上述步骤后，您可以在项目中看到一个新文件，但这只是开始，然后查看各种坑。
ESLINT的VUE规则需要切换以下错误。您可以在应用程序中查看。要提示需要一个根元素。实际上，VUE3不再需要编写根元素。
您目前需要修改文件，如下所示：
目前，当您转到其他文件时，您将遇到错误。这是因为ESLINT默认。
请注意，如果添加后没有效果，则需要重新启动VSCODE以有效。实际上，许多新事物需要重新启动以有效。
目前，整个项目没有错误，然后下一步将进行。
简单地安装ESLINT只会指示代码的格式错误，并且不会帮助您自动修改它。目前，您需要这个漂亮的功能来实现此功能。执行以下命令：
目前，需要再次修改文件，如下所示：
在这里说明这些插件：
此插头主要禁用与更漂亮的一些不必要的ESLINT规则。
如果不符合更漂亮的规则，您将报告错误，并且可以使用ESLINT -FIX命令对其进行修复。
同时，需要添加新文件以编写以下内容：
然后，我们可以添加另一个命令：
然后，您可以运行命令并感受到双重巨人的祝福（没有代码，根本没有感觉）：
当然，只有在运行命令时才能修复。我们想要的是保存代码时自动保存代码。目前，需要以下内容添加以下内容：
同时，您的VSCODE需要安装两个插头，如下所示：
目前，当您保存时，您可以格式化代码。当然，我们还可以让这些错误格式在运行项目时报告错误。安装插件-in
然后将其添加到文件中：
现在，您可以尝试重新启动该项目，ESLINT的错误可以及时显示在命令行窗口中。
- - - - - - - - - - - - - - - - - - - - 补充 - - - - ---------------------------------------------------------运行命令时，将出现以下错误：
在这里，您需要一个一个人解决。首先，问题在于规范中的配置与我们的VUE项目不同。所以
实际上，解决依赖项的错误是错误的，但是相同的解决方案也是一个新规则：
下一步更麻烦，该参考外国朋友的配置已解决。
首先，您需要安装插件-in：
接下来，您需要在文件中添加如下（与规则相同的级别）：
关于这种配置，实际上有针对JS版本的解决方案。您可以参考此网站的最终显示文件
这是样式的格式插头。不胡说八道安装它：
新文档也需要创建同样的情况，请编写以下内容：
同样，需要将配置添加到文件中，目标也是保存文件自动格式化。
目前，您可以将命令添加到文件：
实际上，它类似于上面的ESLINT的命令。当然，也有插件 - 运行中也是错误的，如下所示：
然后将以下内容添加到Vite配置文件：
最后显示文件内容：
同样，您可以在VSCODE中安装以下插头-in。
此安装主要用于卡点。提交信息时，将检查代码格式，以确保在线代码规格统一，并执行以下命令：
我不知道您是否遇到了它。当团队合作时，当您的同事提交代码时，只有两个单词！Interpectioni不了解他已更改了什么功能或需要添加了什么功能，或者他已更改了什么错误！此时，我们必须调节提交信息！
下一个建造：
该插件提交的规格主要由两个部分组成，它们是和谐的。常用值包括：
在施工过程中未安装CSS处理插头-in，但在Vite中安装相对较容易。只需直接运行它（实际上，本文中的许多插件都以SASS作为模板安装），所以这次将在这里踏上此timethe Pit，期待下一次访问PIT.WAREHOUSE地址
参考：
“交货vite”
从0开始，为您带来一组标准VUE3.x项目工程环境
原始：https：//juejin.cn/post/7101961810751782949