22 useful extensions for Beginners
Technologies / / December 19, 2019
Extensions for Chrome and Visual Studio Code, which will facilitate many tasks when writing code and save your time.
Chrome extension
1.WhatFont - a simple way to know what kind of font is used on a particular website to find it and to use in their projects.
2.Pesticide - a tool for edge detection
3.Colorzilla - a tool to obtain accurate color from websites. For convenience, the color code is copied directly to the clipboard.
4.CSS Peeper - extension used for viewing on the websites of colors and assets list: illustrations, text documents, layout files, video files.
5.Wappalyzer - a utility that allows you to identify the content management system frameworks, server software, analytics tools and other technologies used on websites.
6.React Developer Tools - a useful tool for debugging React.js applications.
7.Redux DevTools - a tool to debug applications using Redux.
8.JSON Formatter - extension to facilitate the readability of JSON syntax highlighting, indentation, clickable links.
9.Vimeo Repeat and Speed - a simple extension to speed up the video service Vimeo, Which is useful when watching video tutorials.
Extensions for VS Code
10.Auto Rename Tag - extension to rename the HTML tags. If you change the opening tag and closing automatically change.
11.HTML CSS Support - support CSS for HTML-documents with syntax highlighting, connecting remote CSS-files and other useful functions.
12.HTML Snippets - snippets to save time.
13.Babel ES6 / ES7 - a tool for highlighting and check the syntax of JavaScript Babel.
14.Bracket Pair Colorizer - Tool for coloring opening and closing brackets of a certain color for easy retrieval.
15.ESLint - ESLint integration into the Visual Studio Code to check the quality of your code and find bugs.
16.Guides - adding additional guide lines in the code for greater convenience when searching for opening and closing elements.
17.JavaScript Console Utils - a tool to simplify the creation of useful instructions console.log (), including quick pasting the code for logging selected variable.
18.Code Spell Checker - an extension for a quick check of the spelling code.
19.GitLens - a useful tool for the visualization of information about the history of the code that allows you to keep track of when and by whom changes were made.
20.Path Intellisense - a tool for automatic additions of filenames as input lines.
21.Prettier - extension to automatically format your code and bring it to different parts of a single mind.
22.VSCode-Icons - adding visual icons to the tree of files for easier searching and better visual perception.
To set up everything on this list, of course, is not necessary. Some of these extensions can be called interchangeable, for others it will require experience of using simpler tools.
The comments tell us about extensions that help in the early learning and that you are still in use.
see also
- How to learn programming from scratch →
- What programming language is better to learn first, and why →
- 20 most recommended books in Russian programmers →