草庐IT

源码共读 | 为 vite 项目自动添加 eslint 和 prettier

前言Vite是一个用于现代JavaScript应用程序的快速、轻量级的构建工具,其设计目的是易于使用和适用于大型项目。Vite-pretty-lint是一个插件,可以在基于Vite的项目中安装和配置,以便在编写代码时能够自动对代码进行格式化和检查代码。这可以帮助开发人员在开发过程的早期捕获格式化和链接错误,并确保代码库遵循一致的样式。学习目标:如何为vite项目自动添加eslint和prettier它的原理是什么资源:源码地址:vite-pretty-lint如何使用创建一个vite项目:npminitvite进入项目文件夹下,安装Vite-pretty-lint:npminitVite-pr

Vscode爆红,Delete `␍`eslint(prettier/prettier)错误的解决方法

目录一、问题二、主要原因三、解决办法方法1:vscode全局配置方法2:文件底部配置方法3:修改项目.prettierrc文件方法4:修改git全局配置一、问题使用vscode学习nest.js的过程中,遇到了多处爆红,编辑器每行代码最后都出现了红色的波浪号。如图:二、主要原因通过度娘大力支持,最终在多种方法结合下解决了这些波浪线。源头都是因为安装了Prettier插件指定了文件的结尾换行符与系统不一致导致的。Windows在换行的时候,同时使用了回车符CR和换行符LF,即CRLF;而项目仓库中默认是Linux环境下提交的代码,文件默认是以LF结尾的,这也是工程化的需要。我们的Prettier

Vscode爆红,Delete `␍`eslint(prettier/prettier)错误的解决方法

目录一、问题二、主要原因三、解决办法方法1:vscode全局配置方法2:文件底部配置方法3:修改项目.prettierrc文件方法4:修改git全局配置一、问题使用vscode学习nest.js的过程中,遇到了多处爆红,编辑器每行代码最后都出现了红色的波浪号。如图:二、主要原因通过度娘大力支持,最终在多种方法结合下解决了这些波浪线。源头都是因为安装了Prettier插件指定了文件的结尾换行符与系统不一致导致的。Windows在换行的时候,同时使用了回车符CR和换行符LF,即CRLF;而项目仓库中默认是Linux环境下提交的代码,文件默认是以LF结尾的,这也是工程化的需要。我们的Prettier

ESLint 配置入门

大家好,我是前端西瓜哥,今天带大家了解ESLint的配置项。ESLint是一款检查JavaScript程序是否符合特定的规则的工具。比如字符串用单引号还是双引号,tab缩进用2个空格还是4个空格还是其他,这些都可以用ESLint来规定。安装你可以通过下面命令来安装以及生成默认的ESLint配置npminit@eslint/config执行后,它有一个命令行的交互,根据提问需要选择即可。然后你会得到一个.eslintrc.json或者.eslintrc.js或.eslintrc.yaml文件(根据你的选择)。我没有使用一些流行的默认eslint配置包,选择了自定义规则。我的.eslintrc.j

ESLint 配置入门

大家好,我是前端西瓜哥,今天带大家了解ESLint的配置项。ESLint是一款检查JavaScript程序是否符合特定的规则的工具。比如字符串用单引号还是双引号,tab缩进用2个空格还是4个空格还是其他,这些都可以用ESLint来规定。安装你可以通过下面命令来安装以及生成默认的ESLint配置npminit@eslint/config执行后,它有一个命令行的交互,根据提问需要选择即可。然后你会得到一个.eslintrc.json或者.eslintrc.js或.eslintrc.yaml文件(根据你的选择)。我没有使用一些流行的默认eslint配置包,选择了自定义规则。我的.eslintrc.j

eslint常见报错及解决

eslint常见报错问题1:Componentname"index"shouldalwaysbemulti-word问题2:Newlinerequiredatendoffilebutnotfound问题3:Stringsmustusesinglequote问题4:Expectedindentationof2spacesbutfound4问题5:Expectedalinebreakafterthisopeningbrace问题6:Trailingspacesnotallowed问题7:Missingspacebeforefunctionparentheses问题1:Componentname“i

eslint常见报错及解决

eslint常见报错问题1:Componentname"index"shouldalwaysbemulti-word问题2:Newlinerequiredatendoffilebutnotfound问题3:Stringsmustusesinglequote问题4:Expectedindentationof2spacesbutfound4问题5:Expectedalinebreakafterthisopeningbrace问题6:Trailingspacesnotallowed问题7:Missingspacebeforefunctionparentheses问题1:Componentname“i

ESLint的使用

一.ESLint介绍目标了解ESLint的作用能判断ESLint的错误ESLint是什么ESLint是一个代码检查工具,用来检查你的代码是否符合指定的规范例如:=的前后必须有一个空格例如:函数名后面必须有空格例如:await必须用用在async修饰的函数内例如:==必须转换成3个等........ESLint的好处在写代码过程中,检查你代码是否错误,给你小黑屋提示ESLint可以约束团队内代码的风格统一ESLint是法官,Standard是法律ESLint的规范规范文档:http://www.verydoc.net/eslint/00003312.html规范文档2:https://stand

ESLint的使用

一.ESLint介绍目标了解ESLint的作用能判断ESLint的错误ESLint是什么ESLint是一个代码检查工具,用来检查你的代码是否符合指定的规范例如:=的前后必须有一个空格例如:函数名后面必须有空格例如:await必须用用在async修饰的函数内例如:==必须转换成3个等........ESLint的好处在写代码过程中,检查你代码是否错误,给你小黑屋提示ESLint可以约束团队内代码的风格统一ESLint是法官,Standard是法律ESLint的规范规范文档:http://www.verydoc.net/eslint/00003312.html规范文档2:https://stand

Eslint, Eslint中文文档

ESLint是一个代码规范和错误检查工具,有以下几个特性。所有东西都是可以插拔的。你可以调用任意的ruleapi或者formatterapi去打包或者定义ruleorformatter。任意的rule都是独立的。没有特定的codingstyle,你可以自己配置。Eslint中文文档:Eslint中文文档英文文档:Eslint英文文档github:EslintGitHub微信交流群:前端攻城狮(点击加入)EsLint规则介绍所有都是可拔插的内置规则和自定义规则共用一套规则API内置的格式化方法和自定义的格式化方法共用一套格式化API额外的规则和格式化方法能够在运行时指定规则和对应的格式化方法并不