前端规范化标准

规范化标准

为什么要有规范化标准?

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

哪里需要规范化标准?

1. 代码、文档、提交的日志
2. 开发过程中认为编写的成果物
3. 代码标准化规范最为重要

实施规范化的方法

• 编码前人为的标准约定

  • 这么做会有很多问题,人为约束不可靠,开发者也容易忘记规则

• 通过工具实现Lint

  • 这样才能很好的指定规范化标准,开发才能够高效合理

ESLint

• 最为主流的JavaScript Lint工具 监测JS代码质量

• ESLint 很容易统一开发者的编码风格

• ESLint 可以帮助开发者提升编码能力

• 使用ESLint 需要先安装到项目本地,通过npm install eslint -save-dev安装到本地开发依赖

安装下来之后执行初始化代码

npx eslint --init

控制台会出现下述几个问题

? How would you like to use ESLint? ...
  To check syntax only
  To check syntax and find problems
> To check syntax, find problems, and enforce code style

模块化风格

? What type of modules does your project use? ... 
> JavaScript modules (import/export)
  CommonJS (require/exports)
  None of these

是否使用框架

? Which framework does your project use? ... 
  React
  Vue.js
> None of these

是否使用TS

? Does your project use TypeScript? » No / Yes

代码在什么环境中运行

? Where does your code run? ...  (Press <space> to select,