关于javascript:规范化标准

1、

为什么要有规范化规范

软件开发须要多人协同

不同开发有不同习惯和爱好

不同爱好减少我的项目保护老本

所以须要统一标准

哪里须要

代码、文档、日志

人为编写的都须要

代码标准化标准

施行规范化的办法

编码前人为的规范约定

通过工具实现 Lint

2、ESLint 介绍

最为支流的 js lint 检测工具

很容易对立开发者的编码格调

能够帮忙晋升编码能力

3、EsLint 装置

npm install eslint –save-dev

4、疾速上手

查看步骤

编写问题代码

应用 eslint 执行

之前实现 eslint 配置

npm eslint init

npm eslint 对应地址

module.exports = {
  env: {
    browser: true,
    es2020: true
  },
  extends: ['standard'],
  parserOptions: {ecmaVersion: 11},
  rules: {}}

eslint 配置文件

module.exports = {

 env: {
   browser: false,
   es6: false
 },
 extends: ['standard'],
 parserOptions: {ecmaVersion: 2015 // 检测语法，然而不检测变量是否可用，配置须要 env 来配置},
 rules: {'no-alert': "error"},
 globals: {"jQuery": "readonly"}
}

eslint 配置正文

const str1 = “${name} is a coder” // eslint-disable-line no-template-curly-in-string

联合自动化工具

与我的项目对立，治理更加不便

eslint 联合 webpack 后续配置

extends: [‘standard’，‘plugin：react/recommended’],

查看 typescript


parser: '@typescript-eslint/parser’,// 配置语法解析器

parserOptions: {ecmaVersion: 11},
plugins: ['@typescript-eslint'],

eslint 联合 git hooks

pre-commit 文件进行批改

husky 能够实现 git hooks 的应用需要

'husky':{
   hook:{precommit:'npm run test'}
}