关于javascript:2021年前端知识点提炼九月份

一、 配一个eslint 官网学习

目前疾速配一个的指令示范

① npm install eslint -D
② ./node_modules/.bin/eslint --init

③ 采纳airbnb-base规范npx install-peerdeps --dev eslint-config-airbnb-base

④ 减少package.json中script指令"lint": "eslint --fix --ext .js,.vue src"
⑤ 批改.eslint.js中的局部规定和airbnb-base依赖，及解决一些airbnb中不合理的报错规定如：airbnb-base报import/no-unresolved

module.exports = {
  env: {
    es2021: true,
    node: true,
  },
  extends: ['eslint:recommended', 'plugin:vue/essential', 'airbnb-base'],
  parserOptions: {
    ecmaVersion: 12,
    sourceType: 'module',
  },
  plugins: ['vue'],
  rules: {
    'max-len': ['error', { code: 150 }],
    'import/no-unresolved': 'off', // 勾销主动解析门路，以此开启alias的别名门路设置
    'arrow-parens': ['error', 'as-needed'], // 箭头函数的参数能够不应用圆括号
    'comma-dangle': ['error', 'never'], // 不容许开端逗号
    'no-underscore-dangle': 'off', //容许标识符中有下划线，从而反对vue中插件的应用
    'linebreak-style': 'off', // 勾销换行符\n或\r\n的验证
    'no-param-reassign': 'off', // 容许对函数参数进行再赋值
    'consistent-return': 'off', // 敞开函数中return的检测
  },
  settings: {
    'import/resolver': {
      node: {
        extensions: ['.js', '.jsx', '.vue'],
      },
    },
  },
};