CODEWITHSUNDEEP
typescriptatom-editor
Michael Frost Billing
Michael Frost Billing

Reputation: 558

Can I hide typescript autogenerated .js and .map.js files in atom?

Does anyone know if there is a plugin/option for hiding or grouping autogenerated files in Atom?

The files I want hidden/grouped is what the typescript compiler auto generates (.js and .map.js files).

Visual Studio style grouping would be best, if possible

My typescript file file.ts

which generates file.js file.map.js

file.js is interesting to read once in a while, but in general its autogenerated and I shouldn't care about it.

So letting file.ts be a virtual folder like

- file.ts
  - file.js
  - file.map.js

would be the ideal solution.

Plain hiding is fine. (hiding .js files in general is not a solution, since typescript projects typically mix .js, .ts and even .tsx files)

Upvotes: 19

Views: 6516

Answers (2)

chrismarx
chrismarx

Reputation: 12555

Even better, the tree-view component in atom also has a setting to not show gitignored files at all: enter image description here

It's the "Hide VCS Ignored Files" setting

Upvotes: 1

Kitson
Kitson

Reputation: 1678

Atom respects .gitignore and will grey out any files matching your .gitignore which you place in the root of your project. This should be sufficient to ignore generated files:

*.js
*.jsx

In addition, your tsconfig.json can output all your files into another path. For example:

{
  "version": "1.6.2",
  "compilerOptions": {
    "outDir": "build"
    "sourceMap": true
  },
  "filesGlob": [
    "./src/**/*.ts",
    "./src/**/*.tsx"
  ]
}

This will inform tsc and atom-typescript to output all the TypeScript files located in src into build.

Upvotes: 26

Related Questions