js代码格式化工具eslint如何使用

这篇文章主要介绍“js代码格式化工具eslint如何使用”，在日常操作中，相信很多人在js代码格式化工具eslint如何使用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”js代码格式化工具eslint如何使用”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！直接这样一起安装几个工具: npm install –save-dev husky lint-staged eslint可以执行./node_modules/.bin/eslint –init对当前目录的项目进行eslint初始化，能够通过交互式的命令进行配置，完成后会在当前目录创建配置文件.eslintrc.js在项目的package.json配置husky和lint-stage如果有多个子目录需要不同的规则可以这样做执行npm prepare会在根目录创建.husky文件夹，并将hook应用到当前git仓库中添加pre-commit hook，执行命令./node_modules/.bin/husky add .husky/pre-commit “npm run lint-staged” && git add .husky/pre-commit如果想要修改执行命令可以修改.husky/pre-commit例如如果同一个仓库里面有多个目录需要配置单独的规则，那么需要在每个目录都是用eslint init一次，并在每个项目单独执行npm compare命令以安装husky到.git 的hook中并修改每个.husky/pre-commit进入正确的目录全局配置以下配置都是在.eslintrc.js中指定代码单独/忽略配置除了使用rules来全局忽略某些配置以外，还能在局部忽略某些配置，例如:单独忽略指定文件需要在.eslintignore中添加文件，语法同.gitignoreRequires Promise-like values to be handled appropriately (no-floating-promises): Promise必须要能正确处理响应与异常，可以加上then和catchRequire statement not part of import statement. 引入包的方式不同，需要将包引入方式改为允许的方式，例如将const path = require(‘path’)改为import path = require(‘path’)ESLint: iterators/generators require regenerator-runtime, which is too heavyweight for this guide to allow them. Separately, loops should be avoided in favor of array iterations.(no-restricted-syntax): 这是Airbnb中的一条规则no-restricted-syntax会禁用一些新特性新语法，比如for await … in，如果要禁用不建议在rules中整个禁用，直接在使用的地方加// eslint-disable-next-line no-restricted-syntax吧lint-staged Node.js requirement to 12.13.0: 最新版本的lint-staged要求node版本>=12.13.0(21年的)，或者降级lint-stagedeslint.rc里面的excludes不起作用，tsc的时候仍然去检查了node_modules里面的东西: 尝试升级typescript到3.9.*及以上Parameter ‘xxx’ implicitly has an ‘any’ type: 要求太严的话就修改tsconfig.json，将compilerOptions下的noImplicitAny设置为false“parserOptions.project” has been set for @typescript-eslint/parser: 可以把.eslintrc.js文件加入.eslintignore中，或者把.eslintrc.js改成json后缀和格式，居然就可以了no-plusplus: 禁止使用一元操作符++或–，是因为空白可能会改变源代码的语义，可以使用+=来代替consistent-return: 原因是函数的返回值的类型不统一，可以自行修改一下react camel case props: 在react中禁止非驼峰写法的props，如果实在改不了，可以给它重命名: {firs免费云主机域名t_name: firstName, last_name: lastName}使用git的UI客户端，例如sourcetree，没有触发husky/eslint：这个一般是由于sourcetree没有找到node导致，首先我们需要去sourcetree->Preference->Advanced->Always display full console output，打开后再次commit就会发现错误日志: Can’t find npx in PATH: …Skipping pre-commit hook，找不到node路径直接跳过了pre-commit hook。此时只需要将node路径加入环境变量即可。一般是由于我们使用的是nvm，我们只需要将nvm路径加入husky的环境变量即可：No files matching the pattern “” were found: 找不到符合条件的文件就找不到，非要抱个错出来，可以给eslint命令加上–no-error-on-unmatched-pattern到此，关于“js代码格式化工具eslint如何使用”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注百云主机网站，小编会继续努力为大家带来更多实用的文章！

相关推荐: 如何用C++实现每k个一组翻转链表

本文小编为大家详细介绍“如何用C++实现每k个一组翻转链表”，内容详细，步骤清晰，细节处理妥当，希望这篇“如何用C++实现每k个一组翻转链表”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。Example:Given this link…