ウェブサイト検索
TypeScript - Prettierで全てのユニオン型を改行させるにはどうすればいいですか？
私はこれが欲しいです：
type SomeType = Variant1 | Variant2常にこれにフォーマットするために
type SomeType = | Variant1 | Variant2指定された列幅を超えるかどうかにかかわらない。
回答 #1
もしフォーマットに対してそれほど細かい制御が必要であれば、Prettierはそうしたことが意図的に設定可能でないため、あなたはPrettierの対象ユーザーではない可能性があります。Prettierのオプションの方針を参照してください。とはいえ、フォークやプラグインを作成することで、望むことを実現することは可能です。
続きを読む →node.js - ESLint と Prettier を使った TypeScript 軽量スクリプティングサポート
TypeScript/ESLint/Prettier は、あらゆる種類の作業において私のお気に入りのツールになりました。しかし、数十行程度の小さな Node.js スクリプトではまだ苦労しています。快適な IDE 体験で小さな Node.js スクリプトを書くためには、私は次のことが必要です:
- package.json を作成する
- tsconfig を設定する（厳密なコンパイル）
- ESLintを設定する
- Prettierを設定する
- 起動パフォーマンスを気にする場合はJavaScriptにコンパイルする（下記参照）
これは小さなスクリプトに対してはかなりの儀式のようなものです。私のスクリプトでは、実際のコードよりも設定ファイルの方が大きいものがあります。小さな修正を加えてスクリプトを再実行したいだけの場合、JavaScriptのコンパイルは特に面倒です。
理論上、それらの問題を解決するために ts-node が存在します。しかし、私は次
続きを読む →reactjs - Reactを追加した後に、VScodeのPrettier自動整形がTypeScriptの型からコンマを削除しないようにするにはどうすればいいですか
オートフォーマッターをオンにしてファイルを保存すると、型が
type Params = { fileName: string, isTxt: boolean }として保存されます
type Params = { fileName: string isTxt: boolean }React がもう受け入れなくなったもの。Prettier は、私がプロジェクトに Re
続きを読む →reactjs - setupのeslint/prettier設定エラーをどう直すか？
助けが必要です。ifint を設定しようとしています。しかし、エラーはコンソールにしか表示されず、問題のグラフやコードエディタには表示されません。
私はGitHubのAirbnbの指示に従ってすべてをやろうとしました
そしてこれらのエラーを見るためには、npm run lintというコマンドを実行する必要があります
.eslintrc.js
module.exports = { extends: [ 'airbnb-typescript', 'airbnb/hooks', 'plugin:@typescript-eslint/recommende 続きを読む →typescript - WebStorm のコード再フォーマット（Prettier）は、`prettier --write .` と同じようにフォーマットします
私は、各コミットの前に prettier --write . を実行する必要があるコードベース（TS）に取り組んでいます。
しかし、私は WebStorm で コードの再フォーマット アクションを使って Prettier を実行しており、こちらの方が便利です。このアクションを使用すると、コードも再フォーマットされ、例えば行末に欠落している ; が追加されます。しかし、例えば空行は削除されないことに気付きました。しかし、prettier --write . を実行すると、その空行は削除されます。
私は、WebStormでPrettierを使ったReformat Codeは、そのファイルに対してprettier --writeを実行するのと同等だと考えていました。
Prettierを手動で実行せずにコミットできるように、同じ動作をどうすれば得られますか？
これがコードベースで見つける
続きを読む →typescript - .prettierrc の space-in-parens
私は eslint の space-in-parens のような prettier を持ちたいです。
差出人：
function foo(one, two, three){宛先：
function foo( one, two, three ){私は2017年のこのスレッド（https://github.com/prettier/prettier/issues/1303）をGitHubで見つけましたが、解決策は見つかりませんでした。
それについて何か知っていますか？カスタムルールを作成する方法はありますか？
あらかじめ本当にありがとうございます
続きを読む →TypeScript と Next.js プロジェクトで正しいエラー報告のために ESLint と Prettier を設定する方法
私は TypeScript と Next.js を使っています。コードのフォーマットエラーを強制したかったので、次のルールを eslintrc.json に追加しました:
"rules": { "prettier/prettier": "error" }npm run build を実行した後、すべてのファイルで次のエラーが発
続きを読む →javascript - 括弧を追加するESLint/Prettierのルールを無効にすることは可能ですか？
もし私が書いたら：
const a = 1; const b = 1; const c = 1; const d = 1; const t = a * b * (c + d) / 100;それからいくつかのルールは次のように変更したいと思っています:
const t = (a * b * (c + d)) / 100; // ^ ^ unwanted parentheses余分な括弧は欲しくないのですが、それが ESLint によるものなのか Prettier によるものなのかがわかりません。以下に私の .eslintrc を追加しました：
{ "root": true, "parser": "@typescript-eslint/parser", "parserOptions&q 続きを読む →typescript - VsCodeのPrettierがアロー関数を使ったチェーン関数を分割するのを避けるにはどうすればいいですか？
私はVSCodeとPrettierを使用して作業していて、lodashのチェーンのように内部にアロー関数がある連鎖関数の呼び出しがある場合:
let total = _(credits).filter(c => c.active).sumBy(c => c.fee);Prettier は次に分割されます:
discount = _(credits) .filter(c => c.active) .sumBy(c => c.fee);私たちが strings をアロー関数の代わりに使うと、例えば以下のように複数行に分かれません:
let total = _(credits).filter('c => c.active').sumBy('c => c.fee');私は次の .prettierrc と
続きを読む →reactjs - Prettierの改行を無効にするにはどうすればいいですか
私のprintWidthの値は200で、例えば毎回改行のようになります。
<Form.Item label="xxx"><Input /></Form.Item> <Form.Item label="yyy"><Select /></Form.Item> <Form.Item label="zzzz"><Input /></Form.Item>このコードブロックを実行すると、eslintの結果は
<Form.I 続きを読む →