2018 has become history, the era of big front end has unconsciously come to us, improve your saber library for your development to improve efficiency, is what we must do. This article has collected some of the vscode plugins I use frequently, which have solved many of my problems and made a big difference to my efficiency, so I share them with you.

EditorConfig for VS Code

This plugin attempts to override user/workspace Settings using Settings in the. Editorconfig file, no other or VS code-specific files are required. As with any EditorConfig plug-in, if root = true is not specified, EditorConfig will continue to look for. EditorConfig files outside the project.


Flutter

2018 is the hottest year for Flutter. As a saber-level UI framework developed by Google, give it a try. Vscode support requires this plugin to be installed.



Debugger for Chrome

VS Code extension for debugging JavaScript Code in the Google Chrome browser or other targets that support the Chrome DevTools protocol.


TSLint

TypeScript has had a great year this year. Angular and Vue both recommend using TS to develop your front-end projects from the community’s experience.


Git Blame

In multi-player collaborative scenarios, it can be helpful to watch commit messages on a regular basis;


Eva Theme

A soft Theme can be a pleasant experience as development progresses, and the Eva Theme is so remarkable;


Bracket Pair Colorizer

This extension allows matching parentheses to be identified by color. The user can define the characters to match and the colors to use.


C/C++

This version of the extension adds language support for Visual Studio Code to C/C ++, which is essential to install if you are writing Node.js.


GitLens

GitLens enhances Git functionality built into Visual Studio Code. It helps you see code authorship at a glance through Git blame comments and code lenses, seamlessly navigate and explore Git repositories, gain valuable insights through powerful compare commands, and much more.


VS Live Share

Additionally, unlike traditional pair programming, Visual Studio Live Share allows developers to work together while retaining their personal editor preferences (such as themes, key bindings) and having their own cursors. This allows you to transition seamlessly from one another and explore ideas/tasks on your own. In practice, this ability to work together and independently provides a collaborative experience that is more natural for many common use cases.


npm Intellisense

Visual Studio Code plug-in for automatically populating NPM modules in import statements.


Beautify

Formatting code


Apollo GraphQL

The rich editor supports GraphQL client and server development and integrates seamlessly with the Apollo platform.


Go

This extension adds rich language support for the Go language to the Go code.


JavaScript (ES6) code snippets

This extension contains snippets of JavaScript code (supporting JavaScript and TypeScript) from ES6 syntax for the Vs code editor.


React Native Tools

This extension provides a development environment for React Native projects. With this extension, you can debug code and quickly run react-native commands from the command palette.


Reactjs code snippets

This extension contains snippets of Reactjs code.