web-dev-qa-db-ja.com

webstormにはconsole.logまたはconsole.infoのショートカットがありますか

Console.logを何度も入力するのにうんざりしていて、Eclipseで「Sysout + Control + Space」のような方法が見つからない場合、System.out.println（）が作成されます。

webstormshortcut
57
Chopper Lee

JavaScriptの式または文字列の後に.logを入力し、Tabを押してconsole.log（）に変換できる事前定義のPostfixテンプレートがあります。

選択した略語を入力してTabキーを押すと、コードスニペットに展開されるライブテンプレートを作成することもできます（[設定] | [エディター] | [ライブテンプレート]を参照）。

更新：ショートカットでconsole.logを追加できるプラグインもあります： https://plugins.jetbrains.com/plugin/10986-console-log

118
Ekaterina Prigara

はいする、

_<anything>.log_を押して Tab キー。これはconsole.log(<anything>);になります

すなわち、

_<anything>.log_ + Tab => console.log(<anything>);

eg1：変数

_let my_var = 'Hello, World!';
my_var.log + Tab => console.log(my_var);
_

eg2：文字列

_'hello'.log + Tab => console.log('hello');
_

eg3：文字列と変数

_'hello', my_var.log + Tab => console.log('hello', my_var);
_
36
Saahithyan Vigneswaran

動作するように見える独自のテンプレートを作成しました。誰かに役立つかもしれません。

略称：ll

テンプレートテキスト：

console.log('$NAME$ ', $VALUE$);
    $END$

変数：（ドロップダウンボックスをクリックして特定のフィールド値を選択するだけです）

  1. NAME-jsDefineParameter（）
  2. 値-jsSuggestVariableName
8
ptnz

最も単純なライブテンプレートテキスト：

console.log($END$);
1
Kamil Naja

カスタムテンプレートを作成しました。これはあなたを助けることができます。

略語： clog

テンプレートコード：

console.log("\n\n--------------------------------");
console.log($END$);
console.log("--------------------------------\n\n");
1
Asim Olmez

私は、最も効率的であると思うものを含めています。これは、ライブテンプレート-> javascript-> "すべて"に適用可能です。うまくいけば誰かがそれを見つけてくれることでしょう。

console.log('L$LINE$ $MYSTRING$ ===', $MYVAR$);$END$

動作：clと入力してTabキーを押すと、ログが作成され、最初に入力したものがMYSTRING変数とMYVAR変数の両方に入力されます。もう一度タブを押すと、MYVARが選択され、必要に応じて書き換え/削除できます。 3回目にTabキーを押すと、$ENDの行末に移動します。このスニペットは、L123のような行番号も出力しますが、明らかにほとんどのブラウザで行番号が表示されるため、役に立たない場合は簡単に削除できます。

次の図に示すように、変数の動作も設定する必要があります。

変数設定の編集

1
lukedev2