Sometimes your code gets lengthy and it is hard to keep track of which block you are writing. Bracket Pair Colorizer 2 is just a more efficient version of Bracket Pair Colorizer based on the same VSCode parsing engine. In case it is not working with your theme, like mine, you can simply install the Bracket Pair Colorizer. It is similar to Rainbow Bracket in IntelliJ or Eclipse. It makes brackets of a pair of the same color. Bracket Pair Colorizer 2īracket Pair Colorizer 2 VSCode extension helps us identify the bracket pair by color. The more code and complex your code gets the more bracket you need to add and in the nested code it gets very confusing about which bracket we are closing or working in. Not every programming language is blessed like Python to work without brackets. The modification option only formats the current changes made by you based on Git. You can select file it as an option but, I prefer modification as you don’t want to modify the existing code. You also have to change the Format on Save Mode. Next, search format on save, then Enable the Editor: Format on save. First, go to settings or click ctrl +, on windows and ⌘ +, on mac. For a new project, set up the config file with VS Code command Create ESLint configuration or eslint -init if installed globally.īy default, you have manually fixed those issues unless you do some changes in the settings to auto format. To install the library, install the es-lint npm package either locally by npm install eslint or Globally with npm install -g eslint. But First, you need to set up the environment for ESLint as it uses the ESLint library. It shows you the issue and, most of the time, how to fix it. ESLint – VSCode extensionsĮSLint is the best one in its category and comes with its formatter.
to avoid that to an extent you should use a linter.
Writing good quality code takes practice and experience but still, you will miss some points and the code gets smelly. The one thing a programmer must acknowledge is the readability of the code which should follow a standard and can be decided by the team. Current Line information – VSCode Extensions Git Authorship GitLens - Git superchargedįor more information look at the GitLense ESLint – VSCode extensions And not only that, you can see the full history of that particular file.
It shows the authorship, time, and commit message of the line where your cursor is. GitLense shows you what is changed and by whom in the editor itself. If you work with a team and use Git, then it is a must-have VSCode extension for you.
0 kommentar(er)
