（26）ESLint一JS代码格式校验
一、什么是代码格式
代码格式即为代码风格，每个程序员再开发的时候，书写代码的风格都是不一样的，比如说，有的人喜欢书写字符串时用双引号，有的喜欢用单引号，有的再书写标签代码缩进时，喜欢用2个空格，有的喜欢用4个空格等一系列的代码格式，每个人都有自己喜欢的代码风格。
二、为什么要进行代码格式校验呢
• 不同的工程师，写的代码风格不同
• 项目代码提交时，需要保持统一的代码格式
• 如何实现（ 通过工具完成代码格式校验 ）,如果自己一点点看，是不是太浪费啦！不用担心，我们有工具帮助我们！
• 给工具提供编码规范
• 工具可以根据编码规范，自动检查不规范的代码出来
三、ESLint的使用步骤
• 初始化项目（ npm init --yes ）
• 安装 ESLint （ npm i eslint -g ）
• 初始化配置文件 （ eslint --init ）
• 检查 JS 代码格式
• 单个文件 （eslint path/filename.js）
• 整个目录（eslint path/dirname）
四、ESLint的使用示例
1.初始化项目（ npm init --yes ）
2.安装 ESLint （ npm i eslint -g ）
3.初始化配置文件 （ eslint --init ）
会看到一个交互式问卷，我们选择一下即可。
1问：你想要使用ESLint做什么？
默认是：检查句法规则和发现问题，我们先使用这个。
2问：你的项目使用什么类型的模块？
第一种事JS的规范模块，我们先用第二种。
3问：你的项目使用的是什么框架？
这里有React、Vue.js，我们没有学过可以选择最后一个，表示 "没有这些" 的意思。
4问：你的项目是否使用了TypeScript？
这个TypeScript我们后续会学习到，这个属于JavaScript的超级，JavaScript只是TypeScript的一个子模块。所以我们这里暂时选择No。
选择：Browser浏览器运行。
6问：您希望您的配置文件是什么格式?
我们选择JSON文件格式。
选择Yes，开始安装。
安装报错
如果出现如下图安装报错现象，说明我们的package.json文件是以eslint命名的，我们需要将它换个名字就好了。
名字更换
4.配置编码规范
找到.eslintrc.json文件，当中有一个"rules"字段，我们可以再该字段中定义规则，可以参考
https://eslint.org/docs/rules/ 该网站是ESLint的官网，其中有规则的定义供我们使用。
5.根据设置的编码规范，自动检查不规范的错误代码
单个文件检查 （eslint path/filename.js）
整个目录检查（eslint path/filename.js）
当函数被使用后，我们这里将他导出使用，就不会报错了。
我们将检查出来的错误改正过来了，就不会报错啦！
注意：我们以上示例只是定义了2个规则进行演示，将来我们需要更多的规则，可以到ESLint的官网进行查看并配置即可。
（26）ESLint一JS代码格式校验相关推荐
- vue关闭代码格式校验
eslint eslint是一个JavaScript的校验插件 通常用来校验语法或代码的书写风格 有了eslint的检查 代码中的缩进 空格 空白行之类的都会被按照规范检查 但有时我们不希望开启代码校 ...
- vue项目关闭eslint检查，vue关闭代码格式校验
本人录制的视频Vue全套学习学习视频:B站 小胖梅-的个人空间_哔哩哔哩_Bilibili eslint是一个JavaScript的校验插件,通常用来校验语法或代码的书写风格. 关闭eslint检查 ...
- git+pylint实现python提交代码格式校验
环境:win10(64),python3.7.1,git2.7.2,pylint-2.3.1,git_pylint_commit_hook-2.5.1 以上为当期搭建所用到的版本,有异常时方便查找问题 ...
- js手机格式校验+隐藏手机号中间四位，变成*星号 || 身份证生日四位变*,邮箱*号显示
//手机号格式校验 if (/^1[3456789]\d{9}$/.test(phonenum)) { //判断手机号 console.log(手机号正确); } //手机号中间四位用" * ...
- （27）StyleLint—CSS代码格式校验
一.StyleLint介绍 StyleLint就是对 CSS 代码格式进行检查. 二.使用 StyleLint步骤 • 初始化项目( npm init --yes ) • 安装 StyleLint ( ...
- commitLint和husky实现代码提交校验
现在使用的版本管理工具,首选应该都是git,入职到现在,git之外的版本管理工具也就最开始使用过svn.现在的项目,规范也越来越重要,所以才有各种强制的代码格式检测.当然,自己做过的项目还没有那么严格 ...
- 为什么 Eslint 可以检查和修复格式问题，而 Babel 不可以？
Eslint 可以检查出代码中的错误和一些格式问题,并能自动修复,它的实现原理就是基于 AST (抽象语法树). 通过 Parser 把源码解析成 AST 对象树,源码字符串中的各种信息就被保存到了这 ...
- 编辑器eslint格式_vscode保存代码，自动按照eslint规范格式化代码设置
vscode保存代码,自动按照eslint规范格式化代码设置 编辑器代码风格一致,是前端代码规范的一部分.同一个项目,或者同一个小组,保持代码风格一致很必要.就拿vue项目来说,之前做的几个项目,很多 ...
- Atom 编辑器安装 linter-eslint 插件，并配置使其支持 vue 文件中的 js 格式校验
安装linter-eslint插件方式有如下几种. 1. 最简单的方式就是 点击 File -Settings -Install ,搜索linter-eslint ,安装即可 2. # 进入atom ...
最新文章
- 处理音频文件的python模块
- 字符串补充知识及列表类型
- office2007安装出现windows installer服务不能更新一个或多个受保护的windows文件
- mysqlbinlog -v与-vv --base64-output 与不加的区别
- 在整个数据库中查找包含某关键字的所有存储过程
- Exception processing async thread queue
- 教室工资管理系统c语言课程设计csdn,工资管理系统(C编写)
- Centos 7 Linux系统修改网卡名称为ethx
- 在Linux中使用matplotlib进行科学画图
- GIL锁，线程锁（互斥锁）和递归锁
- mysql-----触发器
- 第二阶段冲刺 站立会议 -01个人进度
- 51nod1242--斐波那契第n项--矩阵快速幂
- app invento2r wxbit版 快速开发简单蓝牙上位/蓝牙串口助手
- java 命令行工具_分享java自带命令行工具jmap、jhat与jinfo的方法详解
- Altium designer—STM32F103ZET6最小系统原理图
- 设计模式七大原则——里氏替换原则
- 正睿20秋季普转提day3
- 【python】 彩图RGB 灰度gray互相转化
- 配置环境变量path