eslint と coc-nvim は既にインストールされているものとします。
インストール
:CocInstall coc-eslint
◯ 補足
extention の一覧を表示する。
:CocList extensions
extention をアンインストールする。
:CocUninstall coc-eslint
設定
coc-eslint をインストールするだけではダメで、設定が必要になります。
Step 1.
:CocConfig
Step 2.
"vue"を追記します。
{
"eslint.filetypes": ["javascript", "vue"],
}
◯ 補足
:set filetype?で確認したものを追記しています。
VuePress の場合
◯ 問題
.vuepressという隠しディレクトリ配下に Single File Component を書き込むことになります。しかし eslint は、デフォルトで隠しディレクトリ配下を無視する設定になっています。
そのため、コマンドを実行した場合は、無視しましたよ warning だけ表示されます。一方で連携させたエディタでは何も表示されません。
$ eslint project/docs/.vuepress/components/Sample.vue
/Users/user/project/docs/.vuepress/components/Sample.vue
0:0 warning File ignored because of a matching ignore pattern. Use "--no-ignore" to override
注意 ファイルは無視されました何故なら無視するパターンと一致したからです...
✖ 1 problem (0 errors, 1 warning)
$
◯ 解決策
これを避けるために .eslintignoreを設定する必要があります。!は ignore の反対、無視するなよ、という意味らしいです。
!docs/.vuepress/
.eslintignoreを置く場所は workspaceFolders に置く必要があります。workspaceFolders は以下のコマンドで確認が可能です。
:CocList folders
これで無事に動くはずです。
$ eslint project/docs/.vuepress/components/Sample.vue
/Users/user/project/docs/.vuepress/components/Sample.vue
112:9 error 'foo' is assigned a value but never used no-unused-vars
123:20 error 'var' is not defined no-undef
✖ 2 problems (2 errors, 0 warnings)
$