web-dev-qa-db-ja.com

Angular2-TypeScriptプロジェクトで作業中にWebStormで.jsおよび.mapファイルを非表示にする方法

拡張機能を.gitignoreに追加しようとしましたが、結果は次のとおりです。

webstorm file Explorer

ファイルは完全に隠されていません。

typescriptangularwebstorm
30
runtimeZero

組み込みのTypeScriptコンパイラなしでWebStormを使用する場合（たとえば、既にコンパイルを行うnpm startスクリプトを使用してAngular2プロジェクトを実行しているため）、他のメソッドが機能しない場合、独自のフィルター処理された「プロジェクトWebStormのパネル：

  1. サイドパネルのProject Filesセクションを選択します（Projectセクションには必要な構成メニューがありません）
  2. 歯車アイコンをクリックして構成します enter image description here
  3. そのメニューから「スコープの編集」を選択します
  4. 新しいスコープを追加する
  5. パターンを適切なフィルターに設定して、*.jsおよび*.js.mapファイルを除外します（!file[my-root-folder]:app//*.js&&!file[my-root-folder]:app//*.js.mapを使用しています）
  6. スコープを設定した名前の下のサイドパネルのセクションとして（ProjectまたはProject Filesの代わりに）このスコープを選択できます。
41
sleidig
  • TypeScriptコンパイラを有効にする（生成されたファイルは、コンパイラが生成すると非表示になります）

enter image description here

  • ビューをProjectに示されているように変更しますCibes

enter image description here

12
Ankit Singh

私にとっては、Project FilesパネルではなくProjectパネルを使用して、*.jsおよび.js.mapファイルを折りたたみ、対応する*.tsの下に隠しますファイル。

enter image description here

注：これは、WebStormのTypeScriptコンパイラが有効になっている場合にのみ機能します。 （ A_Singhの答えを参照 ）

7
sleidig

WebStorm 2017.3.3

実行する必要がない場合TypeScriptコンパイラを有効にします。

あなたはこれを行うことができます

enter image description here

それから

enter image description here

その後、フィルターを選択するだけです

enter image description here

3
Andrey Patseiko