前端项目搭建部署全流程（三）：项目代码规范

1.前言

继上一篇文章基本已经搭建完一个简单的React项目的，这边文章主要是讲项目的代码规范

2.使用eslint规范代码

2.1.安装依赖

yarn add eslint @types/eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin --dev

eslint eslint核心代码

@types/eslinteslint的类型定义

@typescript-eslint/parsereslint解析器，用于解析typescript，从而检查和规范Typescript代码

@typescript-eslint/eslint-plugineslint插件，包含了各类定义好的检测Typescript代码的规范

2.2.eslint配置

在工程目录下新建.eslintrc.js文件，包含eslint的配置

/**
 * @type {import('eslint').Linter.BaseConfig}
 */

module.exports = {
   
	parser: '@typescript-eslint/parser', // 定义ESLint的解析器
	extends: ['plugin:react/recommended', 'plugin:@typescript-eslint/recommended'], // 定义文件继承的子规范
	plugins: ['@typescript-eslint'], // 定义该eslint文件所依赖的插件
	env: {
   
		// 指定代码的运行环境
		browser: true,
		node: true,