I’ve written a bit about my usage of Webstorm in the past, but I haven’t lately. There’s good reasoning behind it, I’ve switched to Visual Studio Code! I’ve really been enjoying using it, especially since I started working in Typescript. It seems like more and more people are enjoying it too! With that expanded audience, comes community written extensions for VS Code. These are my current favorite ones:
- ESLint
- I’m a huge user of ESLint in my JS projects and this integrates it into VS Code. It will show you any errors or warnings of your code that fails ESLint validation.
- ext install vscode-eslint
- https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
- Document This
- This will easily generate jsdoc comment blocks for your code. Now you have no excuse NOT to document your code!
- ext install docthis
- https://marketplace.visualstudio.com/items?itemName=joelday.docthis
- Typescript
- My favorite feature is the “auto import” of typescript files. Use a class defined in another file and forget to import it? Just use this extension!
- ext install vscode-generate-getter-setter
- https://marketplace.visualstudio.com/items?itemName=DSKWRK.vscode-generate-getter-setter
- Git History
- One feature I used a lot in Webstorm was the ability to see the git log and blame of a particular file. This extension gives me that feature back!
- ext install githistory
- https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory
- Angular 2 Typescript Snippets
- John Papa is back at it again with the snippets! When working on a new file in an Angular 2 project, the first thing I type is “ng2” and pick a snippet.
- ext install Angular2
- https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2
Do you have an extension that you love that you think I will too? Reach out to me on twitter and let me know! @AdamWeeks