创建ESLINT演示(可以在GIT控制台中使用)
初始化ESLINT,初始化可以根据自己的情况进行选择,例如:检查语法并找到proplems-> javascript模块 - > no-> no-> no-> no-> browner node-> javascript->是
为ESLINT测试创建目录
运行命令
显示ESLINT错误
如何快速修复ESLINT,有两种主要方法
方法一
您也可以配置脚本
方法2(建议)
安装VSCODE ESLINT插头-in,可以用.slintrc.js的配置标记插头-in并格式化
但是以上两种方法具有相同的缺陷:
为了解决上述问题,有更漂亮且更加美观。Prettier也有两种使用它的方法。这取决于安装和VSCODE插头安装。目前尚未讨论此处使用的细节。我们直接使用第二种类型。
安装并启用更漂亮
格式化后,Console.Log更改
在项目下创建一个Prettier.js文件
漂亮的插头可以根据漂亮的JS的配置信息进行格式化,但是漂亮的插头也有缺陷。以下是Github上的原始单词。
这个想法是,尽管漂亮的格式规则,但它并没有加强自己的立场,并且与ESLINT有一定的冲突。
同样,为了解决上述问题,更漂亮的eslint诞生了。从文本顺序中可以看出,插件是先执行更漂亮的插件,然后执行ESLINT。
注意:需要在本地安装更漂亮的或漂亮的eslint依赖关系,否则格式将不会生效,并且在修改.prettierrc.js文件后需要重新启动VSCODE。