Professional JS developer tools. And how to modularize JavaScript?

Question

JavaScript

I have not worked with JS for a long time and I want to return to this area again.
It would be desirable to hear about best practices in a working environment.
What system is now the most popular for connecting JavaScript code? RequireJS?
So that you can normally break the code into modules and debug the code in the IDE. With the use of Source Maps to write not in vanilla JS, but in its dialect, for example CoffeeScript.
And so that in production all this is compiled into one file.
Do I understand correctly that I will have to use a bunch of the following elements?

• gulp for on-the-fly compilation in development and one compiled file in production
  
• Node.js - for utilities
  
• bower - dependency connection. However, I noticed that not everyone wants to use it, but use npm.
  
• WebStorm for code and debugging
  
• Angular - framework
  
• RequireJS to include files
  
• CoffeeScript is a primitive preprocessor to improve the readability of JS. Is TypeScript's heavy artillery worth it ? I like the language, especially its typing.
  
• selenium webdriver - integration testing
  
• Jasmine - unit testing. Or are there more popular solutions? Is unit testing popular in JS?
  

Advise what can be changed, added or removed from this list.

Answer 1

RequireJS is not needed, especially in the context of Angular which already has its own modules, and with Angular2 native ES2015 modules are used, and there are quite good alternatives.
That's what you should definitely use is babel.js, especially in the context of the previous paragraph about modules, then you can load everything in dev through system.js. Or generally collect everything through webpack.

Answer 2

• For modularity only TypeScript is possible.
  
• Visual Studio 2015 Community Edition editor (Integrated TypeScript support from the creators of the language).
  
• Well, connect Require.js
  
• Small dances with a tambourine are possible when compiling the project, but this is set up once and everything will work.
  

Answer 3

For modularity, look towards browserify.org if I understand you correctly.
For tests, you can look at mocha
As for workflow for JS, you can set up Sublime Text 3 with plugins for js (for me, it works faster and with all plugins almost like ide), you write in any preprocessor language and then configure Gulp, which tracks all changes in files, automatically compiles everything, concatenates and refreshes the browser. It turns out very convenient.
ps about frameworks, then most likely you will have to meet jquery, backbone, underscore, d3 frameworks.