[B! ESLint][VSCode] yggdra_wのブックマーク

yggdra_w id:yggdra_w

ESLintとVSCodeに関するyggdra_wのブックマーク (4)

React TypeScript ESLint Prettier VSCode のプロジェクト作成
はじめにReact TypeScript ESLint Prettier VSCode(Visual Studio Code) の組み合わせで、プロジェクトを作成し、リンター、コードフォーマッター環境を構築しました。何番煎じだよっ！とは思いますが、create-react-app のソースコードを基準に調整していくやり方で、いきなり結論を出さず、一個一個確認しながら進めて行きます。（急ぐ場合、手順まとめに飛んでください。）【検証環境】 Windows 10 Pro x64 Visual Studio Code 1.69.0 Raspberry Pi Desktop OS(Linux raspberry 4.19.0-13-amd64) node 14.16.0 npm 6.14.11 create-react-app 5.0.1 eslint 8.19.0 prettier 2.7.
yggdra_w 2023/04/27
VSCode

React

ESLint

Prettier
リンク
Create React App の ESLint のカスタマイズと VSCode での使用〜Prettier を添えて〜 - Qiita
Create React App の ESLint のカスタマイズと VSCode での使用〜Prettier を添えて〜ESLint VSCode create-react-appprettier 本記事について Create React App（以下 CRA）で作成されたアプリの ESLint を Visual Studio Code（以下 VSCode）で使えるように設定する機会があった。また合わせて ESLint のカスタマイズもできるようにした。さらに Prettier も一緒に使えるようにした。そのときは開発中のアプリの設定をいじる形だったので、1 から CRA でアプリを作成する場合にも再現できるように手順を整理したのが本記事。結局 1 から作成してみた場合もやったことは変わらなかったので、開発中のアプリの ESLint のカスタマイズも本記事のやりかたと同様にできるはず
yggdra_w 2023/04/26
VSCode

ESLint

Prettier

React
リンク
ESLintとPrettier、いい加減ちゃんと使えるようになろ。
まえがき約2年間JavaScript/TypeScriptを使う開発現場で働いてきたが、どのプロジェクトでもESLintは当たり前のように導入されており、 CommitするときにLintチェックが走り、エラーがあればCommitできない仕組みになっていた。このESLintをただ何となく使う側であったが、0から構築して導入する力も欲しいと思い、この記事を書くことにする。 ※参考になった記事 👉うわっ...私の.eslintrc、無駄が多すぎ...？ 👉ESLint 最初の一歩 👉ESLint の設定ファイル (.eslintrc) の各プロパティの意味を理解する 👉ESLint - Prettier連携のやり方と仕組み 👉ESLint + Prettierを導入したTypeScript開発環境先に総括 ✅レビューの手間を減らす手段としてESLint/Prettierはめっ
yggdra_w 2023/04/26
VSCode

ESLint

Prettier
リンク
ESLint（JavaScriptコードチェッカー）
ESLintは、2013年にNicholas C. Zakas氏がオープンソースプロジェクトとして公開したJavaScriptの構文チェックツールです。 ESLintは、柔軟なルールの設定が可能で、多くのルールセットが公開されています。サイボウズでも、「@cybozu/eslint-config」という名前のESLintのルールセットを公開しています。この記事では、ESLintと @cybozu/eslint-configのセットアップ方法と、kintoneのJavaScriptファイルにチェックをかける方法を説明します。
yggdra_w 2020/03/05
ESlint

VSCode
リンク
1