コンテンツにスキップ

コードフォーマッター

ZetoPadにはスニペットをきれいに一貫して保つためのコードフォーマッターが含まれています。

コードをフォーマット

  1. コードスニペットを開く
  2. Cmd+Shift+Fを押してフォーマット
  3. または右クリックして「コードをフォーマット」を選択

保存時フォーマット

保存時に自動フォーマットを有効化:

  1. 設定 > エディターを開く
  2. 「保存時フォーマット」を有効化

これですべてのCmd+Sがフォーマットして保存します。

フォーマッターパネル

フォーマッターパネルを開いてオプションを構成:

  1. ツールバーのフォーマッターアイコンをクリック
  2. またはコマンドパレット:「Toggle Formatter Panel」

サポート言語

言語フォーマッター
JavaScript内蔵
TypeScript内蔵
JSON内蔵
HTML内蔵
CSS内蔵
Markdown内蔵
Python外部(インストール済みの場合)
Rust外部(インストール済みの場合)
Go外部(インストール済みの場合)

構成オプション

インデント

オプション
タイプスペースまたはタブ
サイズ2, 4, または 8

行の長さ

折り返しの推奨最大行長を設定:

  • 80(伝統的)
  • 100(一般的)
  • 120(ワイドスクリーン)

その他のオプション

  • 末尾のカンマ - 最後の項目の後にカンマを追加
  • セミコロン - セミコロンを含めるまたは省略(JS/TS)
  • 引用符スタイル - シングルまたはダブル引用符
  • 括弧の間隔 - { foo } vs {foo}

JSONフォーマット

JSONスニペットの場合、フォーマットは:

  • JSON構文を検証
  • 一貫したインデントを適用
  • キーをソート(オプション)
  • 末尾のカンマを削除

JSONを圧縮

右クリックして「圧縮」を選択してJSONを1行に圧縮。

外部フォーマッター

内蔵されていない言語の場合、インストールされていれば外部フォーマッターを使用可能:

言語フォーマッターインストール
PythonBlackpip install black
Rustrustfmtrustup component add rustfmt
GogofmtGoに含まれる

PATHにない場合は、設定で外部フォーマッターのパスを構成。

言語別設定

特定の言語のグローバル設定を上書き:

{
"formatter": {
"javascript": {
"tabSize": 2,
"semicolons": false
},
"python": {
"lineLength": 88
}
}
}