JavaScript
YAML
vue.js
CodeClimate

CodeClimateで.vueファイルも判定させる

概要

vue.jsで作ったプロジェクトをCodeClimateで試そうと思ったのだけれど、
通常時では .vue ファイルはCodeClimateの判定に入らない。

https://gyazo.com/3b6d92ed3d572446412316149a671855

解決

公式ドキュメント

https://docs.codeclimate.com/v1.0/docs/eslint#section-extensions

Extensions

You can configure our ESLint Engine to analyze the file types you’d like by configuring the extensions in your .codeclimate.yml , as shown in the example below:

.codeclimate.yml
eslint:
  enabled: true
  config:
    extensions:
    - .es6
    - .js
    - .jsx

ratings:
   paths:
   - "**.es6"
   - "**.js"
   - "**.jsx"

eslintエンジンに対応するように、こういう感じで追加していけとのこと。

.codeclimate.yml

以下をプロジェクトルートに追加、pushする。

.codeclimate.yml
---
engines:
  duplication:
    enabled: true
    config:
      languages:
      - javascript
      extensions:
      - .js
      - .vue
ratings:
  paths:
  - "**.js"
  - "**.vue"

リポジトリを追加する

https://gyazo.com/d7b3f4fefe8bd36f1728c77524f5ad18

「Open sourse」 → 「Add a repository」 で移動して、対象のリポジトリを追加する。

https://gyazo.com/723ddf55036630f0a108a0d11d155e5e

判定、通過しているか確認。

結果

https://gyazo.com/12753c13ba022e6e4fe5504fc17ac2d2
判定できた! ちなみに今回は細かい .eslintsrc ほか、詳細なeslint設定などはしてないです。

備考

試したプロジェクトはこちら ↓
https://codeclimate.com/github/yamanoku/vue_portfolio_templete

作った経緯とか ↓
http://qiita.com/yamanoku/items/41df5c05c5c89714ea3c