How I Setup My vscode
The main reason i choose vscode as my main code editor is because of it's popularity. Many developers are use vscode and they have their own setup or configuration for their usage. And then i tried and i love it. I have been using many code editor before like sublime, notepad++, and atom. But, i think the best fit for me are vscode.
Vscode are able to install extension or plugin as a tools for development. There is a lot of extension built by the community or vscode itself. My installed extension for general development are :
Auto Rename Tag, this extension are used for auto renaming the tag, it useful when you change the start tag, and the end tag will changed too.
Auto Close Tag, this extension are used for auto closing the tag, it useful when you write a start tag and when you want to write the end tag, it will automatically written.
Bookmarks, like it's name this extension are used for bookmarking a line of code.
Code Spell Checker, this extension are used for checking the spelling on our code. i am not really good at english and this extension helped me a lot.
Color Highlight, when you are coding some css ,or styling script, or anything contains color-hex code. this extension will highlight the hex-code or color-code with the color itself.
GitLens, this extension are used for checking the history of our code using git.
Prettier, this is my favorite extension for now. Prettier can format our code with our own configuration, so the codebase will well-formated and more consistent. I am usually pair this extension with husky to do the format for all of our source code before we are going to commit it to git.
Rainbow Brackets, this extension are used to stress the bracket with different colors, so we can point the pair of bracket clearly.
SVG Viewer, this extension are used to view the svg file.
TODO Highlight, last but not least. this extensions are used to highlight the
Those are pretty mainstream extensions to make coding more easier.
vscode are allowed us to change the settings or the configuration. To fit my needs i change some settings and these are my settings on my vscode. you can change the json file using
ctrl+p then find
>json and choose
Preferences: Open Settings (JSON)
I think that is all of my setup, i hope it can be useful for someone. Thanks.