ESLint是一个代码规范和错误检查工具，有以下几个特性。所有东西都是可以插拔的。你可以调用任意的ruleapi或者formatterapi去打包或者定义ruleorformatter。任意的rule都是独立的。没有特定的codingstyle，你可以自己配置。Eslint中文文档：Eslint中文文档英文文档：Eslint英文文档github:EslintGitHub微信交流群：前端攻城狮（点击加入）EsLint规则介绍所有都是可拔插的内置规则和自定义规则共用一套规则API内置的格式化方法和自定义的格式化方法共用一套格式化API额外的规则和格式化方法能够在运行时指定规则和对应的格式化方法并不
程序员优雅哥(youyacoder)简介：十年程序员，呆过央企外企私企，做过前端后端架构。分享vue、Java等前后端技术和架构。本文摘要：主要讲解运用Webpack5中集成ESLint的方法与步骤ESLint是前端JS代码检查常用的工具，使用ESLint可以使不同的开发人员遵循统一的开发规范、有统一的代码风格。关于ESLint的详细介绍，参考《ESLint是什么》一文。本文详细介绍如何在webpack5中集成ESLint。1安装依赖在webpack4中，ESLint是通过loader的方式集成到webpack中的。在webpack5中，是通过plugins（插件）的形式进行集成。插件名称为e
程序员优雅哥(youyacoder)简介：十年程序员，呆过央企外企私企，做过前端后端架构。分享vue、Java等前后端技术和架构。本文摘要：主要讲解运用Webpack5中集成ESLint的方法与步骤ESLint是前端JS代码检查常用的工具，使用ESLint可以使不同的开发人员遵循统一的开发规范、有统一的代码风格。关于ESLint的详细介绍，参考《ESLint是什么》一文。本文详细介绍如何在webpack5中集成ESLint。1安装依赖在webpack4中，ESLint是通过loader的方式集成到webpack中的。在webpack5中，是通过plugins（插件）的形式进行集成。插件名称为e
Delete␍eslint(prettier/prettier)错误今天在用HBuilder开发uniapp项目时，想换成vscode进行开发，但是用vscode打开之前的项目，eslint报错一片红解决方案：方案一：一个一个文件的选择，具体操作如下，手动把CRLF换成LF。缺点：文件太多，换不过来，太鸡肋方案二：yarnrunlint比上面省事，eslint错误消失，但暂存区多了n个文件改动记录，对比Workingtree也没发现任何不同。参考资料：“errorDelete⏎prettier/prettier”in.vuefiles’’缺点：需要commit所有文件，多余三、配置.prett
Delete␍eslint(prettier/prettier)错误今天在用HBuilder开发uniapp项目时，想换成vscode进行开发，但是用vscode打开之前的项目，eslint报错一片红解决方案：方案一：一个一个文件的选择，具体操作如下，手动把CRLF换成LF。缺点：文件太多，换不过来，太鸡肋方案二：yarnrunlint比上面省事，eslint错误消失，但暂存区多了n个文件改动记录，对比Workingtree也没发现任何不同。参考资料：“errorDelete⏎prettier/prettier”in.vuefiles’’缺点：需要commit所有文件，多余三、配置.prett
前戏我是16年入了前端的坑，17年知道了gulp和rollup这两个玩意儿。由于那时webpack势头很猛，便一直没有正眼瞧过它一眼。直到20年进了一家小公司，做了很多类似的小项目，相同的代码拷来拷去，出现一个bug一堆项目都要改，实在恶心到我了。于是不得不开始考虑将一些公共的方法和组件提取出来，做成一个第三方库来维护。而在库的封装方面，rollup相对于webpack具有一定的优势。在此，便和大家分享一下如何自己造轮子，封装一个前端库并发布到npm仓库中去。源码这是我自己封装的3个库，有兴趣可以看看：https://github.com/moohng/dan;https://github.c
前戏我是16年入了前端的坑，17年知道了gulp和rollup这两个玩意儿。由于那时webpack势头很猛，便一直没有正眼瞧过它一眼。直到20年进了一家小公司，做了很多类似的小项目，相同的代码拷来拷去，出现一个bug一堆项目都要改，实在恶心到我了。于是不得不开始考虑将一些公共的方法和组件提取出来，做成一个第三方库来维护。而在库的封装方面，rollup相对于webpack具有一定的优势。在此，便和大家分享一下如何自己造轮子，封装一个前端库并发布到npm仓库中去。源码这是我自己封装的3个库，有兴趣可以看看：https://github.com/moohng/dan;https://github.c
最近在开发几个网站，为了优化一下前端代码，就复习一下gulpjs，之前工作gulp用的版本比较老，但是今天看了新的版本，新的语法出了一下，但是为了时间，我决定使用之前gulp3的旧版本，后面发现自己环境的node的版本是最新的，所以不得让我来了解一下gulp的新版本，里面用到的最多就是commonjs的模块化，解释如下：gulp4的官网地址：https://www.gulpjs.com.cn/gulp3的官网地址：https://v3.gulpjs.com.cn/ 下面代码了解新语法：const{src,dest,watch,task,series,parallel}=require('gu
最近在开发几个网站，为了优化一下前端代码，就复习一下gulpjs，之前工作gulp用的版本比较老，但是今天看了新的版本，新的语法出了一下，但是为了时间，我决定使用之前gulp3的旧版本，后面发现自己环境的node的版本是最新的，所以不得让我来了解一下gulp的新版本，里面用到的最多就是commonjs的模块化，解释如下：gulp4的官网地址：https://www.gulpjs.com.cn/gulp3的官网地址：https://v3.gulpjs.com.cn/ 下面代码了解新语法：const{src,dest,watch,task,series,parallel}=require('gu
ReactOrTaro项目配置Eslint校验一、下载Eslint相关deps依赖项；npminstall--save-deveslint-plugin-prettiereslint-plugin-jsx-a11yeslint-config-airbnb注意：由于eslint-config-airbnb目前版本已经超过19，会出现一个小问题，箭头函数和命名函数会被Eslint提示冲突，这是由于19版本的升级导致的解决方案目前有两个1，在.eslintrc.js文件中添加了以下规则'react/function-component-definition':[2,{namedComponents:
