[vscode]htmlファイル中のjavascriptをeslintでチェックしたい。

javascript初心者です。
vscodeでの開発環境を整えたいと思っています。
やりたいこと

htmlファイル中のjavascriptコードをeslintでチェックしたい。

現状

調べたところeslint-plugin-htmlというプラグインを見つけたのですが、上手くいきません。
下記の.eslintrc.jsonの"html"の部分を変更するとエラーとなるのでプラグインの参照はできていると思います。
英語が苦手なため、まったくの見当違いな内容だったり設定方法を読み違えていたらすみません。

OS: OSX El Capitan v10.11.2
エディタ: vscode v0.10.6
インストールしたextensions
- HTMLHint v0.0.3
- ESLint v0.10.11
npmでインストールしたパッケージ
- eslint@1.10.3
- eslint-plugin-html@1.2.0

setting.json

json
1{
2    "eslint.enable": true,
3	"javascript.validate.enable": false
4}

.eslintrc.json

json
1{
2    "rules": {
3        "indent": [
4            2,
5            4
6        ],
7        "quotes": [
8            2,
9            "double"
10        ],
11        "linebreak-style": [
12            2,
13            "unix"
14        ],
15        "semi": [
16            2,
17            "always"
18        ]
19    },
20    "env": {
21        "browser": true
22    },
23    "plugins": [
24        "html"
25    ],
26    "extends": "eslint:recommended"
27}