WebStorm, PHPStorm, Jetbrains IDEs - Ignore JS and MAP files in Typescript Project

Tomas

Is there a way to ignore *.js and *.js.map in TypeScript project in Jetbrains IDEs ?

Right now, I have a TypeScript project in my PHPStorm and when searching for a file ctrl+shift+N I get all files - *.ts, *.js, *.js.map Which forces me to select one the typescript file everytime I search, instead of just quickly jumping to file.

Is there a way to filter compiled files from search? I tried scopes etc, but it doesn't do the trick.

PS: I know working on TypeScript it would be recommended to use WebStorm, but I find that PHPStorm gives me the best experience out of their products.

Michael Troger

Actually this functionality is included in my PhpStorm 2016.2 installation on Linux, but I would assume it's not different than in other operating systems as it's cross-platform.

Option 1: There should be a filter button at the Ctrl+Shift+N file search dialog at the right top. filter button on search dialog you can directly deselect JavaScript files and from now on they won't show up in the search anymore. As *.map is not registered as file type by default you won't find it in the list (at least not on my installation). To achieve also *.map filtering register the filetype Settings -> Editor -> File Types -> "Recognized File Types" add a new file type with the name map - no more options needed - and add as "Registered Pattern" *.map (you can see this in action also in picture 2). Now this file type should be available for excluding from search too.

Option 2: You can hide *.js files as well as *.map files totally from your project by Settings -> Editor -> File Types -> "Ignore files and folders" add here *.js;*.map; settings dialog for creating map file type from now on these file types won't not just be hidden in the project but also not showing up on file search (Ctrl+Shift+N). If you need to check your JS and map files you could open a second editor for such cases, but I think you wouldn't need to do that too often, right?

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

How to hide .js and .map files in WebStorm while working on Angular2-typescript project

From Dev

DB Navigator for Jetbrains PHPStorm and WebStorm via SSH

From Dev

Configure WebStorm/PhpStorm to compile .ts files to .js into "js" folder

From Dev

JetBrains IDEs scrolling on touchscreen

From Dev

How to create a file in a specific directory in Rubymine/PHPStorm/other JetBrains IDEs without leaving the home row

From Dev

Shortcut to create automatic tags for JS and CSS files in my project in WebStorm

From Dev

How to install Node.js on JetBrains PhpStorm?

From Dev

How to install Node.js on JetBrains PhpStorm?

From Java

WebStorm/PhpStorm double quotes in TypeScript auto import

From Dev

How to automatically minify html files in PhpStorm/ WebStorm?

From Dev

How to automatically minify html files in PhpStorm/ WebStorm?

From Dev

Angular 2 how to ignore .map.js files?

From Dev

JetBrains PhpStorm red color in files don't go away

From Dev

Shortcut Key to copy full file path in JetBrains IDE (PhpStorm, PyCharm, WebStorm etc..)

From Dev

how to write oop javascript (with inheritance) in JetBrains Webstorm/PHPStorm to get autocompletion/intellisense

From Dev

How to store PhpStorm/WebStorm IDE project settings on GitHub?

From Dev

Debugging Ionic 2 project with TypeScript in WebStorm 11

From Dev

Is there a way to sync settings across JetBrains IDEs?

From Dev

Configuring the database driver for AWS Redshift in JetBrains IDEs

From Dev

Include a *.d.ts file (and the corresponding JS) in a TypeScript project using PHPStorm

From Dev

Include a *.d.ts file (and the corresponding JS) in a TypeScript project using PHPStorm

From Dev

WebStorm is ignoring some files contained in project folder

From Dev

typescript unable to add definition files to webstorm

From Dev

importing non JS files in Google Firebase Functions typescript project

From Dev

phpstorm 8 find in files and folders without a project

From Dev

How to disable "Project Files Changes" alert in phpstorm?

From Dev

Enable knockout.js-specific code highlighting in phpstorm/webstorm

From Dev

Webstorm 6 - How to make the scss file watcher ignore files

From Dev

Pycharm (Jetbrains): Disable non-project files access dialog

Related Related

  1. 1

    How to hide .js and .map files in WebStorm while working on Angular2-typescript project

  2. 2

    DB Navigator for Jetbrains PHPStorm and WebStorm via SSH

  3. 3

    Configure WebStorm/PhpStorm to compile .ts files to .js into "js" folder

  4. 4

    JetBrains IDEs scrolling on touchscreen

  5. 5

    How to create a file in a specific directory in Rubymine/PHPStorm/other JetBrains IDEs without leaving the home row

  6. 6

    Shortcut to create automatic tags for JS and CSS files in my project in WebStorm

  7. 7

    How to install Node.js on JetBrains PhpStorm?

  8. 8

    How to install Node.js on JetBrains PhpStorm?

  9. 9

    WebStorm/PhpStorm double quotes in TypeScript auto import

  10. 10

    How to automatically minify html files in PhpStorm/ WebStorm?

  11. 11

    How to automatically minify html files in PhpStorm/ WebStorm?

  12. 12

    Angular 2 how to ignore .map.js files?

  13. 13

    JetBrains PhpStorm red color in files don't go away

  14. 14

    Shortcut Key to copy full file path in JetBrains IDE (PhpStorm, PyCharm, WebStorm etc..)

  15. 15

    how to write oop javascript (with inheritance) in JetBrains Webstorm/PHPStorm to get autocompletion/intellisense

  16. 16

    How to store PhpStorm/WebStorm IDE project settings on GitHub?

  17. 17

    Debugging Ionic 2 project with TypeScript in WebStorm 11

  18. 18

    Is there a way to sync settings across JetBrains IDEs?

  19. 19

    Configuring the database driver for AWS Redshift in JetBrains IDEs

  20. 20

    Include a *.d.ts file (and the corresponding JS) in a TypeScript project using PHPStorm

  21. 21

    Include a *.d.ts file (and the corresponding JS) in a TypeScript project using PHPStorm

  22. 22

    WebStorm is ignoring some files contained in project folder

  23. 23

    typescript unable to add definition files to webstorm

  24. 24

    importing non JS files in Google Firebase Functions typescript project

  25. 25

    phpstorm 8 find in files and folders without a project

  26. 26

    How to disable "Project Files Changes" alert in phpstorm?

  27. 27

    Enable knockout.js-specific code highlighting in phpstorm/webstorm

  28. 28

    Webstorm 6 - How to make the scss file watcher ignore files

  29. 29

    Pycharm (Jetbrains): Disable non-project files access dialog

HotTag

Archive