为什么要有规范化标准

  • 软件开发需要多人协同
  • 不同的开发者具有不同的编码习惯和喜好
  • 不同的喜好增加项目维护成本
  • 每个项目各个团队需要明确统一标准​

哪里需要规范化

  • 代码、文档、甚至是提交日志
  • 开发过程中人为编写的成果物
  • 代码标准化规范最为重要

             1.统一关键词和关键词左右的空格

             2.统一代码的缩进方式

             3.统一是否使用分号结尾

             4.统一变量或者函数的命名规范...

实施规范化的方法

  • 编码前人为的标准约束
  • 通过工具实现Lint

 

ESLint 介绍

  • 最为主流的JavaScript Lint工具 检测JS代码质量
  • ESLint很容易统一不同开发者的编码风格
  • ESLint可以帮助开发者提升编码能力

 

ESLint安装

ESLint安装步骤

  • 初始化项目
  • 安装ESLint模块为开发依赖
  • 通过CLI命令验证安装结果
npm init --yes // 项目初始化

ESLint作用及基本使用_eslint

npm install eslint --save-dev // 安装ESLint模块为开发依赖

ESLint作用及基本使用_eslint_02

npx eslint --version // 通过CLI命令验证安装结果

ESLint作用及基本使用_eslint_03

ESLint 快速上手

ESlint检查步骤

  • 编写“问题”代码
  • 使用eslint执行检测
  • 完成eslint使用配置

 

编写问题代码

ESLint作用及基本使用_eslint_04

初始化eslint

npx eslint --init // 初始化eslint,根据需求选择安装选项

 

ESLint作用及基本使用_eslint_05

使用eslint执行检测

 

ESLint作用及基本使用_eslint_06

通过--fix减少问题代码

ESLint作用及基本使用_eslint_07

 未完待续