2020年4月へ

Vue.js (Vue-Cli) の ESLint 関連の参考リンク

公開日:

最終更新日:

要約

Vue.jsの開発環境におけるESLint関連の設定や参考リンクをまとめました。公式の設定リファレンスやプラグイン情報、スタイルガイドとESLintルールの対応、環境構築手順、TypeScriptとの連携方法、export/importの基本など、開発者向けの実用的な情報を提供しています。これにより、コード品質向上と統一的な開発環境を支援します。

  • Vue.js
  • ESLint
  • Vue-Cli
  • 設定リファレンス
  • スタイルガイド
  • TypeScript
  • コード品質
  • 自動整形
  • 開発環境構築
  • export/import

Configuration Reference
まずは、公式サイトの確認。

@vue/cli-plugin-eslint
package.json で読み込まれているプラグインについて知っておくことが大切。

Vue.jsスタイルガイドとeslint-plugin-vue検証ルールのマッピング
ESLintの推奨設定(eslint:recommended)のチェック内容
Vueのeslint/stylelint設定
何がエラー判定されるかを知っておくことが大切。

Atom & Vue.js & ESLint で自動整形環境構築
作業時に便利そうな環境構築を。

Vue.js in TypeScript で型定義をどこに書けばいいか
こういったものについて、共通のリファレンスがあると良いね。

Typescript学習メモ①(ExportとImport、require("xxx")とmodule.exports)
クラスやインタフェースの定義を export する
はじめてのvue-property-decorator (nuxtにも対応)
そもそも、基本的なところでこけないように。すぐ、忘れてしまいます。