Prettierの設定の手順調査&設定を考える #69
Replies: 8 comments 22 replies
-
したいこと
|
Beta Was this translation helpful? Give feedback.
-
そもそも Prettier とは
|
Beta Was this translation helpful? Give feedback.
-
Prettier と Linter の違い
|
Beta Was this translation helpful? Give feedback.
-
一般的な？設定項目
参考 |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
自分のローカルでチェックしたわけではないがい、デフォルトの設定は以下のような感じらしい {
“printWidth”: 80,
“tabWidth”: 2,
“useTabs”: false,
“semi”: true,
“singleQuote”: false,
“quoteProps”: “as-needed”,
“jsxSingleQuote”: false,
“trailingComma”: “none”,
“bracketSpacing”: true,
“jsxBracketSameLine”: false,
“arrowParens”: “avoid”,
“rangeStart”: 0,
“rangeEnd”: Infinity,
“parser”: “none”,
“filepath”: “none”,
“requirePragma”: false,
“insertPragma”: false,
“proseWrap”: “preserve”,
“htmlWhitespaceSensitivity”: “css”,
“vueIndentScriptAndStyle”: false,
“endOfLine”: “auto”,
} |
Beta Was this translation helpful? Give feedback.
-
インストールしてみる |
Beta Was this translation helpful? Give feedback.
-
|
変わってほしくないところまで変わったので、変わらなくて良いものは変更を取り消して .prettierignore 追記 # Ignore artifacts:
.next
docs
.github |
Beta Was this translation helpful? Give feedback.
-
|
フォーマットの結果、 |
Beta Was this translation helpful? Give feedback.
-
npx prettier . --checkこれでフォーマットができているか確認できるらしい |
Beta Was this translation helpful? Give feedback.
-
|
以上でインストールは終了らしい。 |
Beta Was this translation helpful? Give feedback.
-
|
package.jsonのscriptsに "format": "prettier . --write"を追加 一応動くか確認、OKだった |
Beta Was this translation helpful? Give feedback.
-
オプションについて調べる |
Beta Was this translation helpful? Give feedback.
-
|
資料集め |
Beta Was this translation helpful? Give feedback.
-
.prettierrcを変更してみる |
Beta Was this translation helpful? Give feedback.
-
{
"semi": false,
"singleQuote": true,
"tabWidth": 2
}セミコロン消えた、シングルクオーとになった、タブが2になったらしい（変化を感じない、たぶんもとが2だからかな） |
Beta Was this translation helpful? Give feedback.
-
|
なので↑は設定しないことにしてみた |
Beta Was this translation helpful? Give feedback.
-
|
うん、デフォルトのタブ2だった |
Beta Was this translation helpful? Give feedback.
-
保存時にフォーマットして欲しい |
Beta Was this translation helpful? Give feedback.
-
|
Beta Was this translation helpful? Give feedback.
-
|
Beta Was this translation helpful? Give feedback.
-
|
ファイルを保存する時にフォーマットが走るようになった |
Beta Was this translation helpful? Give feedback.
-
|
関連することとして、以下貼っておきます：
|
Beta Was this translation helpful? Give feedback.
-
|
ありがとうございます！！ |
Beta Was this translation helpful? Give feedback.
-
まともに設定したことがないので調査する
Beta Was this translation helpful? Give feedback.
All reactions