Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

eslint

Next.js13の開発環境構築手順 step02 eslintとprettierを設定する

はじめに Next.js13の開発環境構築手順 step02 をやっていこうと思います。 Next.jsのベーシックな設定を確認する Next.jsのベーシックなESLintの設定を確認するために、まずは以下のドキュメントを読みました。 Configuring: ESLint | Next.js eslint-confi…

lint-stagedとhuskyを使ってgit commitする前にeslint、stylelint、prettierを実行する

参考にさせていただいたページ Husky - Git hooks Basic Features: ESLint | Next.js lint-staged + husky でコミットするファイルだけ cspell を走らせる Next 12 で ESLint, Prettier, husky, lint-staged の環境構築 ++ Gaji-Laboブログ はじめに lint-st…

ファイル保存時にESLintとPrettierで自動修正する

参考にさせていただいたページ VSCodeを使っている場合の参考情報 TypeScriptのプロジェクトにESLintとPrettierを併用してVSCodeの保存時に自動フォーマットをする | ZUMA Lab VSCodeを使っていない場合の参考情報 GitHub - Qard/onchange: Use glob pattern…

VSCodeのworkspaceごとにeslint対象ディレクトリを設定する

解決したかった問題 リポジトリのrootディレクトリをVSCodeのワークスペースとして開きたいけど、VSCodeのデフォルト設定ではワークスペースを基点としてimportパスをlintしてしまうので、ずっと以下のようなeslintエラーが出てしまっていました。 Missing f…

Visual Studio Codeの静的解析を再実行する Restart TS server / Restart ESLint Server

参考にさせていただいたページ typescript - Where is VSCode's "Restart TS server"? - Stack Overflow コマンドパレットを開く 以下のキーでコマンドパレットを開きます。 Mac: Command + Shift + P Windows: Ctrl + Shift + P 再読み込みする restart と…

templateにコメントを書いて「warning 'v-html' directive can lead to XSS attack vue/no-v-html」の警告を個別に無効化する

参考にさせていただいたページ disable eslint in vue template · Issue #260 · vuejs/eslint-plugin-vue · GitHub 範囲を無効化する 以下のように書くと、任意の複数行を無効化できるらしいです。有効化も忘れずにしましょう。 <div class="hoge" v-html="foo" /> あと以下の sanitize-html</div>…

vue/singleline-html-element-content-newlineのルールを無視するタグを追加する

参考にさせて頂いたページ eslint-plugin-vue/singleline-html-element-content-newline.md at master · vuejs/eslint-plugin-vue · GitHub eslint-plugin-vue/singleline-html-element-content-newline.js at master · vuejs/eslint-plugin-vue · GitHub タ…

webpackでビルドする前にeslintで.vueと.jsの構文チェックをする | webpack4.x+babel7+vue.js 2.x 環境構築 2019年3月版 ステップ0004

参考にさせて頂いたページ webpack.config.jsについて Configuration | webpack eslintについて Command Line Interface - ESLint - Pluggable JavaScript linter eslint-loaderのoptionsについて GitHub - webpack-contrib/eslint-loader: eslint loader (f…