もうprettierで消耗したくない人へのvueでのeslint設定 - クソ雑魚エンジニアのメモ帳
タイトル通り。vscodeとvuejsを使ってのlintの設定をprettierなしでやってみた。 tl;dr 環境 問題点 手順 .vueの構文チェックその１ vscode上での自動フォーマット .vueの構文チェックその２ rulesをカスタマイズ <template>のカスタマイズ <script>をカスタマイズ まとめ。 おまけ tl;dr 対象ファイルとpackage.jsonと.eslintrc.jsの対応表👇 構文チェック・自動フォーマット 対象ファイル npmライブラリ(package.json) .eslintrc.jsでのextends .vue(<template>) eslint-plugin-vue plugin:vue/recommended .vue(<script>) eslint eslint:recommended . js eslint eslint
運用中のVue.jsプロジェクトにESLintを入れるためにやったこと - Qiita
こんばんは、アドベントカレンダーも5日目になりましたね！ クリスマスまではまだまだという感じがしています。 今日は、「運用中のVue.jsプロジェクトにESLintを入れるためにやったこと」について書きたいと思います。 前半：ESLintのインストール〜実行 後半：運用中のプロジェクトに導入するまでの流れ・注意したこと インストールしてとりあえず実行したいという方は前半まで読めばOKです！ ESLintとは JavaScriptの記述スタイルチェックツールです。ESLintを使うと、設定した記述ルールにソースコードが沿っているかをチェックすることができます。これによりバグを減らせたり、複数人で開発をしているときも書き方を揃えることができたりするメリットがあります。ESLintで用意されているおすすめの設定や、Vue.jsやReact.jsなどの各フレームワーク用のプラグインもあるので特にル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VimでALEを使ってvueファイルにeslintとstylelintを使う - Qiita
