haschatter.blogg.se

Best visual studio code extensions for front end developer
Best visual studio code extensions for front end developer







Code linting is a type of static analysis that is frequently used to find problematic patterns or code that doesn't adhere to certain style guidelines. It colorizes your brackets and easily helps you know where your bracket opens and closes This is a very handy VScode extension, especially when working with Javascript. Color Info allows you to get a much better view of the color your mouse hovers and you could even go further to pick a color that works for you! VS Code provides a preview box for colors in CSS files when you hover over them. It’s extremely handy when you need to switch between positions inside a file, or if you need a quick reminder anywhere in your project It comes in really handyīookmarks is an extension that puts little bookmarks in your file gutter. One of my favourite features of Git lens is the fact that I can get info about when a change was made and who made that change just by hovering over a line of code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more." "GitLens supercharges the Git capabilities built into Visual Studio Code. Well, this is another personal favourite! Beautify ensures you never have to worry about code formatting again! With a few settings and configurations you never have to worry about writing ugly code, it makes your code "beautiful". This is a built-in VScode SASS compiler that watches all your SASS files and auto compiles them on save. I recently (as recent as a few days ago) started learning SASS and while randomly looking for SASS extensions for VScode, I ran into Live SASS compile. This gets even more exciting if you've got VScode's auto-save enabled. It enforces auto-reload and ensures that your changes are rendered immediately you save your work. Probably my favourite? Live server takes the stress away from having to save and refresh the browser anytime you want to see how your changes look. When you code, you want to ensure that you're being as productive as possible and when working with VScode, there're a few extensions that help aid your productivity. Visual studio code since being launched has gradually won the hearts of many especially those in frontend development and particularly Javascript devs.









Best visual studio code extensions for front end developer