TypeScriptのプロジェクトにESLintとPrettierを導入する方法（+VSCodeでの設定） - Qiita
ネット上に様々な方法で導入する方法が載っており、どれが良いのか分からなかったので自分なりにまとめてみました。 この記事は2020年8月時点での情報です。（2021/06/21 最新の情報を一部追記しました。） 内容 各種パッケージのインストール TypeScriptとESLintのインストール Prettierのインストール 動作確認 VSCodeでの自動フォーマット設定 （余談）eslint-plugin-prettierというプラグインの利用に関して 環境 typescript: 4.0.2 eslint: 7.7.0 @typescript-eslint/eslint-plugin: 3.10.1 @typescript-eslint/parser: 3.10.1 prettier: 2.1.1 eslint-config-prettier: 6.11.0 各種パッケージのインストー
もう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などの各フレームワーク用のプラグインもあるので特にル
VimでALEを使ってvueファイルにeslintとstylelintを使う - Qiita
ALEは標準ではJSファイルやCSSファイルにしか対応していません。 Linterなしでコードを書くのは辛いので非同期でlinterを実行してくれるvimのALE上で実行できるように設定しました。 方針としてはeslintやstylelintのプラグインやプロセッサーを通してとりあえずvueファイルに対してeslintとstylelintが実行できるようにします。 その後ALEの設定でvueファイルに対して各々のLinterを実行するようにします。以下がおそらく最小構成です。 $ npm install --save-dev eslint eslint-config-airbnb eslint-config-vue eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-vue stylelint stylelint-config
Step by Stepで始めるESLint - Qiita
ESLintはJavaScriptを静的に検証するツールです。 わかりやすく言えば、チームメンバー間で統一された美しいコードを生成するためのツールです。 設定ファイルを書いておけば自動で変換することも可能です。 ESLintを始めよう！ JavaScriptのLintツールにはjslint, jshint, JSCSなどがあります。 2016/11 時点で npm trendsで比較した結果が以下の画像です。 http://www.npmtrends.com/jslint-vs-jshint-vs-jscs-vs-eslint 半年前はjshintと並んでいましたが、わずか半年の間にダブルスコアをつけています。 jshintは開発が鈍化しています。 またJSCSの開発チームはESlintに移行することを決めました。 以下に記載した有名ライブラリは開発時にESLintを使っています。 jQu
VimでESLintとFlowを使うためにNeomakeからALEに乗り換える - Qiita
はじめに [Vim]SyntasticによるESLintチェックが遅いのでNeomakeに乗り換えた - dackdive's blog ここで書いたように ESLint を Syntastic で実行するのはちょっと重いなというのがあって Neomake という非同期で lint チェックできるプラグインに乗り換えた。 それからしばらくして Flow を触り始めたのだが、 ESLint と Flow を同時に使おうとすると Neomake では色々問題があったので ALE という別のプラグインを使うことになった。 最初にまとめ 以下を満たすのは Neomake では無理で、ALE では可能だった ESLint・Flow のどちらか一方がインストールしたプロジェクトでも問題なく使える 現在編集中のファイルに対してだけチェックをかけることができる 軽い（非同期で実行される） ALE はインス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
