Recommended VSCode12 a more practical plug-ins

4418040-0cadc52d6b6e2e60

1, Auto Rename Tag - Auto rename a pair of HTML tags. If you create a <p> tag. Now you want to change it. With this software, you only need to change a line, the other is automatically modified. In theory, the use of this software can double the efficiency of your work.

2, HTML CSS Support --HTML document CSS support tools. This tool is useful to get some simple syntax highlighting and code recommendations.

3, HTML Snippets - This tool is very useful in terms of the code segment, you can save a lot of time for you. It paired with Emmet, and so you do not even have a longer true type HTML.

4, Babel ES6 / ES7 --JavaScript Babel aids. If you are using Babel, this tool can make it easier to distinguish between code. If you like JavaScript, you sure do not miss this software.

5, Bracket Pair Colorizer - color visualization tools. If you do not have exactly the brackets, this means therefore that many common vulnerabilities caused very convenient to find.

6, ESLint - when you write code, the use of this software can easily get tips about the vulnerability, but also in the encoding process, it can also help you develop good coding habits.

7, Guides - This tool can be used to add additional guidance lines of code. This is another visual cue to make sure you correctly the brackets.

8, JavaScript Console Utils - the console logging has become more simple and feasible. If you're like most developers, like, you will find yourself need to log in to the console debug stream (I know we should use the debugger). This utility program allows to create useful console.log () statements a breeze.

9, Code Spell Checker - this tool as its name suggests, it is a spell checker. Another common source of vulnerability is the variable or function name. The spell checker can not find common words, but also we can put something written in JavaScript for effective review.

10, Git Lens - allows us to certain documents when and by whom changes become clear. When the code is broken, we will be able to find the person responsible, rather than you as a scapegoat.

11, Path Intellisense - Automatic file path to complete the process. As a result import important things from other documents is very convenient. This tool enables file navigation a breeze.

Prettier - automatic code formatter. Forget about those days you had to manually indent your code it, with this tool, simple things become much more attractive. This program will be done faster and better than your own. I was full of this program it is recommended.

12, VSCode-Icons - adds icons to file spectrum. If the file structure is very unscientific, your eyes want to strike, then this program may be helpful. It is for any file you are making can provide useful assistance icon, you can make the content more easily distinguish see.

Reproduced in: https: //www.jianshu.com/p/182b406e9d55

Guess you like

Origin blog.csdn.net/weixin_34220179/article/details/91333395