
csv file looks when opened in Webstorm, with the CSV plugin. support for line comments (# per default, customisable).support for freely defined value separators.support for ',', ' ', ':', '|' and '↹' as pre-defined value separator.intentions (Alt+Enter), for example Quote/Unquote (all), Shift Column Left/Right.Here is a full list of the support you will get: Having this plugin allows us to treat it like we do with any other code in the editor, with mistakes being highlighted for us.

This means it has its own syntax definition, structured language elements and associated file types, such as. The CSV Plugin treated CSV, or ‘comma separated values’, as its own language in JetBrains IDEs.

This is a cool one if you work with CSV files. But it is also available in over 30 languages and for 21 IDEs and code editors. I currently use Tabnine with my Webstorm IDE for JavaScript projects. When enabled, Tabnine actually learns from your coding habits and the projects you work on, so it can accurately predict what you are going to type next. It does this through its AI-driven predictive coding algorithms. Tabnine predicting code snippets based on my coding habits I enjoy using it for its accurate text completion that has quite literally predicted whole lines of code for me that I can choose to accept with a simple key press. Tabine has been my favourite plugin for a while now. Rainbow brackets in fact doesn’t only work with brackets, but also with parenthesis, which makes things like mapping in React projects easy to pick out. With rainbow brackets, you can see what is going on in your code visually, when it comes to scoping functions. It becomes very hard to track the scope of certain functions, especially when you want to delete some.

Rainbow Bracketsīecause who hasn’t spent time trying to figure out which brackets belong to each other? When working on JavaScript projects I often nest brackets within each other, leading to something that looks like this: No Rainbow Brackets

In this article, I am going to share with you my favourite WebStorm plugins for JavaScript developers and my reasons for why. Whilst these time and effort saving techniques may seem negligible as a one off, when accumulated together they can really make a difference. As a software developer, I use a variety of plugins that make my life easier when it comes to avoiding mistakes and coding more efficiently.
