ESLint + Prettier

ESLint

如果使用 「.eslintrc.js 范例」的话,就不需要运行初始化了

eslint --init

Prettier

yarn add -D eslint-config-prettier eslint-plugin-prettier

JavaScript 代码规范

根据选择的 JavaScript 代码规范,进行安装,这边选择 airbnb

 yarn add -D eslint-config-airbnb

.eslintrc.js 范例

module.exports = {
  env: {
    browser: true,
    es6: true,
  },
  extends: [
    'airbnb',
    'plugin:react/recommended',
    "prettier",
    "prettier/react",
    "plugin:prettier/recommended"
  ],
  globals: {
    Atomics: 'readonly',
    SharedArrayBuffer: 'readonly',
  },
  parserOptions: {
    ecmaFeatures: {
      jsx: true,
    },
    ecmaVersion: 2018,
    sourceType: 'module',
  },
  plugins: [
    'react', 'prettier'
  ],
  rules: {
    'prettier/prettier': 'error'
  },
};

参考

本文章首发在 LearnKu.com 网站上。

上一篇 下一篇
小李世界
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 0
发起讨论 只看当前版本


暂无话题~