Eslint初始化

Vite之Eslint初始化

   前言：

       本篇文章为记录在Vite下初始化Eslint，并完成相关配置，此时默认您已完成基于Vite项目的创建，如您未完成请参考下方指令进行项目的初始化操作。

# 初始化项目
npm create vite@latest

   环境：

       Node：20.9.0、Vue：V3.5.13、Vite：6.3.5

  Eslint:

       1、在项目根目录下安装Eslint

# 安装Eslint
npm i eslint -D

       2、初始化Eslint

# 初始化eslint
npx eslint --init

# 当你执行完上述命令时就会得到如下提示（步骤三），注意键盘的选项可通过键盘的上下键进行选择，回车确认

       3、What do you want to lint?

           意思是你的eslint配置文件要什么格式的，你喜欢什么格式就选择什么样的，此处我选择第一项。

       4、How would you like to use ESLint?，你希望如何使用EsLint。

           从上到下的意思是：只检查语法，检查语法并提示问题。此处我选择第二项。

           如果你有第三项，那第三项的意思是，检查语法提示问题并强制使用一些代码格式。

       5、What type of modules does your project use? 你的项目使用什么类型的模块。

           注意：如果你的项目使用了ES6语法那么就选择第一个，否则选择第二个。

           从上到下的意思是：Js环境使用import导入export导出，Node环境使用require导入，exports导出，以上都没有。此处选择第一项

       6、Which framework does your project use？你的项目使用那种框架

           从上到下的意思是：React、Vue、以上都没有。此处选择第二项Vue。

       7、Does your project use TypeScript?你的项目使用Ts吗

           根据需要选择，因为我的项目里面使用了TS，所以我选择yes，如果没有请选择no。

       8、Where does your code run?你的代码在那个环境下运行

           注意：此时可以进行多选，将两个都选中，使用空格键进行选中，回车确认。

           从上到下的意思是：游览器、Node。此处默认选中第一项。

       9、Would you like to install them now? 你想现在安装它们吗

           选择yes，就是即可安装，no就是取消，需要你后续手动安装，建议是选择yes。

       10、Which package manager do you want to use?你期望使用那个包管理器进行安装。

           注意：如果你在第九步选择的是Yes，才会有当前选项。否则忽略当前步骤。

           根据你的需求选择，如果你项目使用的是npm就选择第一个。

           选择后就等待安装完成，到此就结束了。