一套非常标准的前端代码工作流，附超全教程文档

‘plugin:@typescript-eslint/recommended’,

],

parser: ‘@typescript-eslint/parser’, // 解析器，本解析器支持Ts

parserOptions: {

// 解析器配置选项

ecmaVersion: 12, // 指定es版本

sourceType: ‘module’, // 代码支持es6，使用module

},

plugins: [

// 插件

‘@typescript-eslint’,

],

rules: {

// 规则

},

};

`

配置项

• parser - 解析器

• parserOptions - 解析器选项

• env 和 globals - 环境和全局变量

• rules - 规则

• • off或0，关闭规则

• warn或1，开启规则

• error或2，开启规则，并会出错阻止代码运行

• plugins - 插件

• extends - 拓展

配置优先级

规则是使用离要检测的文件最近的 .eslintrc文件作为最高优先级。

1. 行内配置

2. 命令行选项

3. 项目级配置

4. IDE环境配置

Prettier

---

Prettier 是一个代码格式化的工具。

安装使用

`npm install --save-dev --save-exact prettier

// 格式化所有文件，npx命令是使用当前项目下的prettier

npx prettier --write .

`

配置文件

Prettier 支持 .prettierrc 为名称，以 .yaml .yml .json .js 为后缀的的配置文件，当然你也可以使用 package.json 文件中的 Prettier 属性来配置。

`module.exports = {

printWidth: 80, //一行的字符数，如果超过会进行换行，默认为80

tabWidth: 2, //一个tab代表几个空格数，默认为80

useTabs: false, //是否使用tab进行缩进，默认为false，表示用空格进行缩