web-dev-qa-db-ja.com

Sublime Text 2：javascriptのインデントを自動修正しますか？

ここに私が持っているいくつかのサンプルコードがあります、現在私は一度に4つのスペースを使用してインデントするだけに設定されています。 javascriptのブロックを強調表示し、単一のボタンまたはメニューオプションを押して、次のように適切にフォーマットする方法はありますか。

前：

app.get('/csvtest', function (req, res) {
  MyModel.find(function (err, mymodel) {
    if (!err) {
      var csv = [];
      _.each(mymodel, function(obj) {
       csv.Push(obj['mymodel']);
      });
      res.send(csv.join());
    } else {
      console.log(err);
    }
  });
});

後：

app.get('/csvtest', function (req, res) {
    MyModel.find(function (err, mymodel) {
        if (!err) {
            var csv = [];
            _.each(mymodel, function(obj) {
                csv.Push(obj['mymodel']);
            });
            res.send(csv.join());
        } else {
            console.log(err);
        }
    });
});
javascriptsublimetext2
70
Robeezy

ここ はこのためのツールです。 sublime forums で見つけました。

  • パッケージコントロールのインストール
  • パッケージコントロールの実行：コマンドパレットからパッケージをインストールします。タイプ Ctrl + Shift + P （Windows）または Command + Shift + P コマンドパレットを開くには
  • jsFormatを検索してEnterキーを押します
144
Robert Karl

JsFormat を試すことができます。 ctrl+alt+f 選択したテキストをフォーマットします。

39
Bubbles

すべてのコードを選択することができます（ctrl+A）、アプリ内機能Reindent（Edit-> Line-> Reindent）を使用します。 Sublimeのタブ/インテント設定を見ながらコードをフォーマットします。

または：JsFormat format Sublime Textのデフォルトのタブ/インデント設定に追加するコードをフォーマットする方法について、よりカスタマイズ可能な設定が必要な場合は、Sublime Text 2のプラグイン。

https://github.com/jdc0589/JsFormat

Sublime IDEにJsFormatをインストールする方法の詳細：Package Control（Preferences-> Package Control）を使用してJsFormatを簡単にインストールできますインストール、Enterキーを押します。次に、「js format」と入力してヒットします enter、完了です。 （パッケージコントローラーは、Sublimeの左下のバーにインストールのステータスと成功およびエラーを表示します）

ショートカットの設定：次の行をキーバインディングに追加します（設定->キーバインディングユーザー）

{ "keys": ["ctrl+alt+2"], "command": "js_format"}

私は使っています ctrl+alt+2、このショートカットキーを自由に変更できます。

私の意見：JsFormatは良いものです。試してみる価値は間違いありません！

32
Gokhan Tank

特に2〜4個のスペースに移動する場合は、右下のタブメニューをクリックします。 「インデントをタブに変換する」をクリックし、幅を4に変更してから、「インデントをスペースに変換する」をクリックします。

7
Mathletics

これを行う最も速い方法は、一般に、正規表現を使用することです：

  • 押す CTRL+H
  • 左下の正規表現ボタンを有効にする（または押す ALT+R）
  • Find Whatに^(\s+)と入力します
  • Replace Withに\1\1と入力します
  • クリック Replace All 右の方へ

これにより、接頭辞付きスペースの数が2倍になります（2つのスペースが4つになります）。置換ウィンドウを開いたままにして、これを複数のファイルに簡単に適用できます。

2
Ryall

Sublime Text 2にはすでに必要なものが含まれているようです（この機能は最近追加された可能性があります）。

スペースの数を変更する場合でも、スペースをタブに変換する場合でも、次のパスを使用できます。表示>インデント

そのドロップダウンメニューには、インデントをタブに変換する、インデントをスペースに変換する、またはタブ幅（1- 8）する必要があります。

お役に立てれば！

1
James Rutledge

PackageControl を使用してjsFormatをインストールします（Install Package）メニューからjsFormatを選択します。

次に、これを実行してコードを自動フォーマットします。

Ctrl + Alt + F

フォーマットに関するjsLintの推奨事項を確認することも役立ちます。 jsLintパッケージをインストールし、フォーマットオプションを有効にして検証できます。

Ctrl + L

0
cosbor11