@lgfe/eslint-config-preset

基础使用

pnpm install --save-dev eslint @babel/core @babel/eslint-parser @lgfe/eslint-config-preset

在项目根目录下创建一个.eslintrc.js文件，并写入以下内容：

module.exports = {
	extends: ['@lgfe/preset'],
	env: {
		// 你的环境变量（包含多个预定义的全局变量）
		//
		// browser: true,
		// node: true,
		// mocha: true,
		// jest: true,
		// jquery: true
	},
	globals: {
		// 你的全局变量（设置为 false 表示它不允许被重新赋值）
		//
		// myGlobal: false
	},
	rules: {
		// 自定义你的规则
	},
};

Typescript

npm install --save-dev eslint typescript @typescript-eslint/parser @typescript-eslint/eslint-plugin @lgfe/eslint-config-preset

module.exports = {
	extends: ['@lgfe/preset', '@lgfe/preset/typescript'],
	env: {
		// 你的环境变量（包含多个预定义的全局变量）
		//
		// browser: true,
		// node: true,
		// mocha: true,
		// jest: true,
		// jquery: true
	},
	globals: {
		// 你的全局变量（设置为 false 表示它不允许被重新赋值）
		//
		// myGlobal: false
	},
	rules: {
		// 自定义你的规则
	},
};

React

npm install --save-dev eslint @babel/core @babel/eslint-parser @babel/preset-react@latest eslint-plugin-react eslint-plugin-react-hooks @lgfe/eslint-config-preset

module.exports = {
	extends: ['@lgfe/preset', '@lgfe/preset/react'],
	env: {
		// 你的环境变量（包含多个预定义的全局变量）
		//
		// browser: true,
		// node: true,
		// mocha: true,
		// jest: true,
		// jquery: true
	},
	globals: {
		// 你的全局变量（设置为 false 表示它不允许被重新赋值）
		//
		// myGlobal: false
	},
	rules: {
		// 自定义你的规则
	},
};

React Typescript

npm install --save-dev eslint typescript @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-react  eslint-plugin-react-hooks @lgfe/eslint-config-preset

module.exports = {
	extends: ['@lgfe/preset', '@lgfe/preset/react', '@lgfe/preset/typescript'],
	env: {
		// 你的环境变量（包含多个预定义的全局变量）
		//
		// browser: true,
		// node: true,
		// mocha: true,
		// jest: true,
		// jquery: true
	},
	globals: {
		// 你的全局变量（设置为 false 表示它不允许被重新赋值）
		//
		// myGlobal: false
	},
	rules: {
		// 自定义你的规则
	},
};