eslint的作用:代码规范工具。
eslint的使用
项目目录:(简单举例)
|--demo
|--src
|--index.html
|--index.js
|--home.js
|--list.js
|--node_modules
|--package.json
|--package-lock.json
|--webpack.config.js
index.js代码:(不规范版本)
import React, {
Component } from 'react';
import ReactDom from 'react-dom';
class App extends Component {
render() {
return <div>hello 小橙子</div>
}
}
ReactDom.render(<App />, document.getElementById('root'));
安装eslint:
npm i eslint -D
初始化eslint配置文件:
npx eslint --init // 使用npx可以直接运行刚刚安装的eslint命令
1.选择规范约束类型