Separate Angular2 TypeScript files and JavaScript files into different folders, maybe 'dist‘

Question

I am using the 5 min quickstart from angular.io website, which contain a file structure like this:

angular2-quickstart
 app
   app.component.ts
   boot.ts
 i         


        

Answer 1

I tried few of the above mentioned options and finally, this is what I settled on: Peep - an extension for Visual Studio Code.

How to install:

• View -> Extensions
• Peep
• Install
• Reload
• View -> Command Pallet
• Peep None
• modify .vscode/settings.json as required (mine shown below)

-

{
  "typescript.check.workspaceVersion": false,
  "files.exclude": {
    "**/*.js": true,
    "**/*.js.map": true,
    "node_modules/": true,
    "dist/": true,
    "lib/": true
  }
}

01/25/2017 - updates: angular-cli out of the box, takes care of this. and installation works and now.