Eslint规范小结

本是古典何须时尚 2023-02-25 07:28 15阅读 0赞

ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。

*  缩进使用两个空格（vscode默认是4个）
 *  字符串用单引号  let a = ‘hello world’;

*  关键字后要加一个空格：（if后面）

if (//) \{

console.log(1);

\}

*  函数参数括号前后均有一个空格

function add (x,y) \{return x+y\}

*  使用 === 替换==  使用 !== 替换 !=
 *  字符串拼接的加号前加空格

let hello = ‘hello’ + ’world’;

*  逗号后有一个空格

let arr = \[1, 2, 3, 4\];

*  if else 结构

if () \{

//

\} else \{

//

\}

*  var const let 声明时，每次声明独占一行

var a = 123;

// 错误示范

var a =123, b=456;

*  函数名和调用括号之间没有空格

alert(1);

*  键值对冒号后加空格

let obj = \{ ‘key’: ‘123’ \};

*  构造函数首字母大写

function Getid () \{\}

let nowid = new Getid();

*  if 判断时不使用常量
 *  不要定义重复变量 参数 键名 函数名
 *  缩进 不使用空格和制表符（tab）
 *  等号左右有一个空格

let a = 1;

*  不使用多行字符串
 *  不使用八进制字面量
 *  不要将变量赋值给自身  或者与自身相比较等

let a = 1;

a = a;

*  双斜杠注释后先补一个空格

let a = 1// 已经定义n次了

*  变量的属性不用补空格

people.name

*  语法块首尾无空行
 *  ...  操作符后无空格

let name = ‘法外狂徒张三’;

console.log(...name);// 法 外 狂 徒 张 三

*  语句块前补一个空格

function add () \{

\}

*  分号后加空格 前面不加

附录：[https://eslint.bootcss.com/docs/rules/][https_eslint.bootcss.com_docs_rules]  eslint官网

[https_eslint.bootcss.com_docs_rules]: https://eslint.bootcss.com/docs/rules/

发表评论取消回复

表情：

评论列表（有 0 条评论，15人围观）

还没有评论，来说两句吧...

相关阅读

相关 Eslint规范配置

一、Eslint检测ES6规范配置 1. 编码格式规范 2. 声明唯一性 3. 初始化定义规范 4. 代码编写注意事项 5. 派生类相关二、Airbnb规

Love The Way You Lie/ 2023年07月19日 05:57/ 0 赞/ 25 阅读

相关 Eslint规范小结

ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。缩进使用两个空格（vscode默认是4个

本是古典何须时尚/ 2023年02月25日 07:28/ 0 赞/ 16 阅读

相关 eslint常见规范问题

常见错误 vue报错 Do not use built-in or reserved HTML elements as component id:header

川长思鸟来/ 2023年01月13日 09:27/ 0 赞/ 204 阅读

相关 ESLint自动规范代码

目录： 1. 什么是eslint 2. 普通项目通过node安装eslint [https://blog.csdn.net/dfsgwe1231/article/de

野性酷女/ 2023年01月02日 11:29/ 0 赞/ 173 阅读

相关 eslint最详细规范整理

/ @Description: eslint配置详解 @author wfd @date 2020/8/8 14:25

布满荆棘的人生/ 2022年11月27日 07:28/ 0 赞/ 207 阅读

相关代码规范小结（二）

前一阵由于修改别人的优质代码而感慨不已，所以想要写一些代码规范的说明，也算是给自己一个提醒。既然如此，就一气呵成，再写一些感觉比较重要的规范。 1. 防止头

客官°小女子只卖身不卖艺/ 2022年08月18日 03:22/ 0 赞/ 155 阅读

相关代码规范小结（一）

写这个小结的原因就是自己深有感触，决定记下来以免重蹈覆辙~ 最近在改一些Flash脚本，改到一个1400行左右的脚本，大致浏览了一遍几乎就蒙了…这代码把我写醉了好在

「爱情、让人受尽委屈。」/ 2022年08月17日 13:28/ 0 赞/ 170 阅读

相关 WebStorm 配置ESLint检查代码规范

WebStorm配置ESLint代码规范检查步骤：步骤1 - 进入ESLint配置面板：Flies->Settings->Languages & Frameworks

川长思鸟来/ 2022年04月03日 09:49/ 0 赞/ 1040 阅读

相关代码规范小结

现在学习VB已经有一段时间了，对敲代码有了新的感触，一直想要整理一下。尤其是经过了作品展,感觉对代码规范的书写有了更大的体会,你敲出的东西,对他人有多少价值

柔情只为你懂/ 2022年01月22日 20:30/ 0 赞/ 214 阅读

相关如何去掉eslint代码规范

找到.eslintrc.js 覆盖下面代码即可 module.exports = { root: true, env: { n

爱被打了一巴掌/ 2021年07月24日 11:55/ 0 赞/ 530 阅读