How can I setup webstorm to automatically add semi-colons to javascript functions, methods, etc
When I write Javascript, I use semi-colons. However when I write in webstorm/phpstorm, it auto completes braces and brackets, but doesn't auto-add a semicolon. I know that isn't required per the standards, etc., but that's the way that I code - and I'm not alone, many people code this way.
Example:
var data = $.ajax({});
Normally, webstorm/phpstorm will do this, and leave the cursor inside the curly braces:
var data = $.ajax({})
All in the world that I want is to not have to add the semicolon manually and have it just auto-complete as I noted in my first example.
There is no way to insert it automatically, you need to use the Complete Statement action (Ctrl+Shift+Enter).
You also need to check that Settings (Preferences on macOS) | Editor | Code Style | JavaScript | Punctuation | Use semicolon to terminate statements option is enabled.
You can make a macro and keyboard shortcut:
Record Auto semicolon macro and bind shortcut to it:
1. Edit -> Macros -> Start Macro Recording
2. In the editor go to the end of line by pressing End
3. put semicolon ';'
4. Edit -> Macros -> Stop Macro Recording
5. Give a name, for example 'Auto semicolon'
6. Open settings (Ctrl + Alt + s), select Keymap
7. Expand Macros node
8. Select 'Auto semicolon', in the context menu choose Add Keyboard Shortcut
9. Set Ctrl + ; as First keystroke
10. Save/Apply settings
11. Enjoy!
12. Try it out, in the middle of code line, hit Ctrl + ;
// some useful combinations:
Ctrl + , put colon at the end of line
Ctrl + ; put semicolon at the end of line
Ctrl + . put => at the end of line
From https://gist.github.com/umidjons/9383758
Would be a lot cooler if there was an option to do it automatically though...