2016-03-23 8 views
24

Próbowałem dodawanie rozszerzeń do .gitignore ale wynik jest jak poniżej:Jak ukryć .js i pliki .map w WebStorm podczas pracy nad projektem Angular2-maszynopis

webstorm file explorer

Pliki nie są całkowicie ukryte .

+2

Czy masz włączony kompilator maszynopisu? –

+3

Możesz utworzyć niestandardowy zakres, w którym uwzględnisz wszystkie pliki, ale wykluczysz dowolne z tymi rozszerzeniami. Następnie użyj tego zakresu w panelu Widok projektu zamiast domyślnego "Projekt". IDE może również zagnieździć wygenerowany plik w macierzystym węźle .ts, ale można to zrobić tylko wtedy, gdy używasz wbudowanego kompilatora/obserwatora plików (innymi słowy - kiedy IDE uczestniczy w pewnym stopniu w kompilowaniu ich i wie o tym te pliki muszą być zgrupowane) – LazyOne

Odpowiedz

34

Przy użyciu WebStorm bez wbudowanego maszynowo kompilator (np bo używasz projekt Angular2 z ich npm start skryptu, który robi już kompilacji), a druga metoda nie działa, można skonfigurować własną przefiltrowaną „Projekt” panel dla WebStorm:

  1. Wybierz Project Files sekcji panel boczny (Project sekcja nie oferuje potrzebne menu konfiguracyjnego)
  2. Kliknij ikonę koła zębatego, aby skonfigurować enter image description here
  3. Wybierz „Edytuj zakresów” z tego menu
  4. Dodaj nowy zakres
  5. Ustaw Wzorzec do odpowiedniego filtra, aby wykluczyć *.js i *.js.map plików (używam !file[my-root-folder]:app//*.js&&!file[my-root-folder]:app//*.js.map)
  6. można wybrać ten zakres jako części panelu bocznego (zamiast Project lub Project Files) pod nazwą ustawić zakres .
+0

To było bardzo pomocne dzięki! – Brett

+0

Niesamowite dziękuję! – Shawn

+12

Świetna odpowiedź. Chociaż można również użyć prostszego wzoru. Coś takiego: '! File: app/*.js * ' to pomija pliki, które zawierają ** js ** w ich rozszerzeniu (pliki' * .js' i '* .js.map') w folderze ** aplikacji ** –

3

Dla mnie, za pomocą panelu Project zamiast panel Project Files wystarczyły zwijania *.js i .js.map plików i ukrywa je pod odpowiadających im *.ts pliku.

enter image description here

Uwaga: to działa tylko wtedy, gdy WebStorm za maszynopis Compiler jest włączony. (see A_Singh's answer)

11
  • Włącz Typescript Compiler (wygenerowane pliki są ukryte, gdy kompilator je generuje)

enter image description here

  • Zmień swój pogląd na Project jak sugeruje Cibes

enter image description here