美文网首页react
代码规范工具

代码规范工具

作者: 陈凯侠 | 来源:发表于2017-06-13 14:17 被阅读165次

sonar
eslint
htmlhint配置
csslint
csslint配置

eslint配合githook校验

package.json文件

 "scripts": {
     "precommit": "npm run lint",
     "prepush": "npm run lint:push",
     "lint:dev":"eslint $(git diff origin/develop --name-only --diff-filter ACMR |grep '\\.\\(jsx\\|es6\\|js\\)$')",
     "lint:devFix":"eslint --fix $(git diff origin/develop --name-only --diff-filter ACMR |grep '\\.\\(jsx\\|es6\\|js\\)$')",
     "lint:push": "eslint $(git diff-index --cached --name-only --diff-filter ACMR |grep '\\.\\(jsx\\|es6\\|js\\)$')",  
     "lint": "eslint $(git diff-index HEAD --name-only --diff-filter ACMR |grep '\\.\\(jsx\\|es6\\|js\\)$')",
     "lint:fix": "eslint --fix $(git diff-index HEAD --name-only --diff-filter ACMR |grep '\\.\\(jsx\\|es6\\|js\\)$')",
     "lint:devHtml":"eslint $(git diff origin/develop --name-only --diff-filter ACMR |grep '\\.\\(jsx\\|es6\\|js\\)$') -f html > Report.html"
    },
"devDependencies": {
  "babel-eslint": "^7.2.3",
  "eslint": "^3.19.0",
  "eslint-config-airbnb-base": "^11.1.3",
  "eslint-plugin-import": "^2.2.0",
  "eslint-plugin-react": "^6.10.3",
  "husky": "^0.13.3"
  }

命令解释:

    “precommit”:代码本地提交前执行
    “prepush”:代码push之前执行
    “lint:dev”:校验本地分支代码和develop分支需要merge文件
    "lint:devFix":修复本地分支代码和develop分支需要merge文件
    "lint:push": 校验需要push文件
    "lint": 校验需要提交代码
    "lint:fix":修复需要提交文件
    "lint:devHtml":以html格式输出本地分支和develop相关错误

.eslintrc.json

    { 
      "parser": "babel-eslint",
      "env": {
          "browser": true,
          "es6": true,
          "jquery": true
      },
    "globals": {
        "$": false,
        "jQuery": false,  
      },
    "extends": "eslint:recommended",
    "rules": {
        "no-alert": 1,
        "no-bitwise": 1,
        "curly": 1,
        "eqeqeq" : 1,
        "no-eq-null": 1,
        "guard-for-in": 1,
        "no-empty": 1,
        "no-console": 1,
        "no-irregular-whitespace": 1
    },
  "parserOptions": {
        "ecmaVersion": 6, //指定ECMAScript支持的版本,6为ES6
        "sourceType": "module", //指定来源的类型,有两种”script”或”module”
        "ecmaFeatures": {
                "jsx": true//启动JSX
         }
    },
"ignorePattern": "app/components/common/**/*.{js,jsx}"
  }

相关文章

  • 代码规范工具

    sonareslinthtmlhint配置csslintcsslint配置 eslint配合githook校验 p...

  • php开源工具实战

    ================================== 1. 代码规范审查以及修正工具 - PH...

  • Idea插件(随记)

    Alibaba Java Code Guidelines 阿里巴巴的一个代码规范工具,开启后如果代码不符合规范,就...

  • Atom 编辑器配置 ESLint 和 EditorConfig

    ESLint 是一个代码规范和语法错误检查工具。使用 ESLint 可以规范我们的代码书写,可以在编写代码期间就能...

  • 前端编程规范化

    1、代码检测工具: ESLint2、代码格式化工具: Prettier3、约定式提交规范:commitizen +...

  • 前端Husky+lint-staged+eslint实现自动化工

    目标: 研发团队公用一套静态代码检测规范; 一套代码提交规范; 利用自动化工具完成检测,提高编码规范性和revie...

  • 代码格式化工具使用介绍

    为什么要使用代码规范工具 代码审查是软件工程的最佳实践 代码规范需要反复强调 太多时间浪费在审核格式上而不是代码本...

  • 接口测试_动手

    一、需要的素材 接口规范 服务端源代码 客户端源代码 代码生成工具 二、环境搭建 接口规范浏览器打开地址,输入密码...

  • VS Code 插件配置

    ESLint 代码规范和错误检查工具 Prettier - Code formatter / Prettier E...

  • android studio 的相关配置

    从工具到代码,全规范开发,实现多协同工作,减少彼此工作对接交叉代价链接代码规范 一. setting 页面默认快捷...

网友评论

    本文标题:代码规范工具

    本文链接:https://www.haomeiwen.com/subject/inudqxtx.html