关于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'
   }
}

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据