VscodeのVue(JavaScript)のエラー検知について

Question

vueファイルで記述エラーがあったのですが、
エラー検知してくれません。
このようなミスは検知されないものか、私のvscodeの設定に問題があるのか知りたいです。

エラー検知できる設定も教えていただけると助かります。

sample.vue

<script>
export default {
    props: {
        test: Array,
    },
    data: function() {
        return {
            ages: {},
            testA = [], //ここがエラー箇所
        };
    },
    computed: {

    },
};
</script>

Answer 1

VS Codeに標準で入っているのJavaScript Language Serverではそのシンタックスエラーは検出されないようです。下のように言語をJavaScriptにセットしてもエラーが表示されませんでした。

.vueファイル内のJavaScriptを認識させるのにまず拡張機能のVeturが必要で、そのままでは上述のLanguage Serverが使われるだけなので、質問にあるシンタックスエラーを検出するにはESLintなどのLinterをさらに導入するのがいいと思います。

How to integrate ESLint with Vue.js and Vetur in Visual Studio Code

Comments

[makibi5577]

有益な回答ありがとうございます。

Answer 2

VSCodeにVueのエラー検知機能はないです。
Vueの拡張機能や設定に関してはこちらをご参照ください。
https://iwb.jp/vscode-vuejs-extensions-install-settings/

Comments

[makibi5577]

納得しました。回答ありがとうございます。