Seven vscode plug-ins are recommended to improve front-end programming efficiency

Time:2022-1-6

This article comes from the Internet, written by littleginger, edited by:Write against the front

Visual studio code (vscode) is a free open source code editor of Microsoft. It is very lightweight, flexible, occupies less resources, has powerful built-in functions, and supports most popular programming languages. Vscode is developed with the current typescript, based on the electron framework and the underlying node JS is very friendly to the front end. It’s just a model tailored for the front end.

A very important reason why vscode is warmly sought after by everyone is that it has large-scale extensions. Developers can find and install various free extensions in the marketplace according to their needs, which can be used to support new languages, debug code or add various other self-defined functions. As the saying goes, “plug-ins are used well, and programming is not troublesome”. Next, we will count 7 vscode plug-ins to improve the efficiency of front-end programming.

Git enhancements: gitlens

Gitlens enhances the built-in git function in vscode. It can provide more version control functions to enhance your vscode. Gitlens provides in-depth analysis of code, which can display the time of change and the changed code. By using gitlens, you can even compare different branches, tags, and submissions.

Seven vscode plug-ins are recommended to improve front-end programming efficiency

Click Install:
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

Code check: eslint

Seven vscode plug-ins are recommended to improve front-end programming efficiency

JavaScript is a very flexible and difficult language. Eslint is a plug-in JavaScript code detection tool. With it, you can check common JavaScript code errors and code styles. In this way, we can specify a set of eslint configuration according to our own requirements, and then apply it to the written project, so as to realize the implementation of auxiliary coding specifications and effectively control the quality of project code.

Click Install:
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

Front and rear end joint debugging: cloud Toolkit

Seven vscode plug-ins are recommended to improve front-end programming efficiency

During the development of front-end and back-end joint debugging, the back-end environment is complex and diverse, usually involving cross domain, cookie, header authentication and more complex cross fortress machine calls. Sometimes, one to many joint debugging is encountered. The Alibaba cloud toolkit plug-in is very useful for changing the joint debugging environment.

Its HTTP proxy function provides a professional front and back-end joint debugging proxy scheme. Xiaobai can get started quickly without reading many documents. This plug-in can also solve complex joint debugging scenarios such as authentication debugging and cross fortress machine debugging, facilitate the management of different debugging environments, switch the “no restart” debugging environment, simplify complex business debugging requests, and rapidly improve the debugging efficiency. With it, complex agent tools such as nginx and Charles no longer need to be installed.

Click Install:
https://marketplace.visualstudio.com/items?itemName=alibabacloud-cloudtoolkit.toolkit-vscode

Write against the frontIt is a technical platform that focuses on the programmer circle, and you can gainLatest technology trendsLatest internal test qualificationExperience of bat and other big manufacturersGrowth itselfLearning materialsCareer routeMoney making Thinking, wechat searchWrite against the frontAttention!

Environment synchronization: settings sync

Seven vscode plug-ins are recommended to improve front-end programming efficiency

Settings sync can synchronize your current vscode configuration environment. When you need to work on other computers, just log in to the new machine, and you don’t have to deal with the environment anymore. Synchronize all your editor configurations to gist, saving you from having to reinstall on a new device.

Click Install:
https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

Project management: Project Manager

Seven vscode plug-ins are recommended to improve front-end programming efficiency

This plug-in is a multi project management artifact that can quickly switch projects in your editor.

Click Install:
https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

Automatic path prompt: path IntelliSense

This plug-in is very simple. It will automatically prompt you for the relevant file path. For example, when you want to import a file through the script tag in HTML, you can directly in SRC, and it will prompt you for the file name in the directory according to your input; Or when you need a file through node, you will be prompted, so you don’t have to remember the file name, and there will be no loading failure due to misspelling of the file name or wrong path level.

Seven vscode plug-ins are recommended to improve front-end programming efficiency

Click Install:
https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

EditorConfig for VS Code

Seven vscode plug-ins are recommended to improve front-end programming efficiency

When working in the company, you will encounter multiple people participating in a project. Even if your team uses multiple ides and editors, you can also use editorconfig for vs code to achieve consistency. Editorconfig contains a file for defining the code format and a batch of editor plug-ins. These plug-ins allow the editor to read the configuration file and format the code.

Click Install:
https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

The above are all plug-ins that improve efficiency in daily work. In addition, there are some theme plug-ins. Many online recommendations are not recommended! Vscode provides an amazing number of extensions, which is one of the reasons why it is very popular.I hope Amway’s seven plug-ins can improve your programming efficiency by leaps and bounds

Write against the frontIt is a technical platform that focuses on the programmer circle, and you can gainLatest technology trendsLatest internal test qualificationExperience of bat and other big manufacturersGrowth itselfLearning materialsCareer routeMoney making Thinking, wechat searchWrite against the frontAttention!

Recommended Today

Redis Client On Error: Error: write ECONNABORTED Config right

Solve the redis client on error: error: write econnaborted config rightwe Problem Description: Solution: 1. First, check whether the firewall of Linux is turned on Turn off the firewall [[email protected]]# systemctl stop firewalld.service Open 6379 port number [[email protected]]# sudo firewall-cmd –zone=public –add-port=6379/tcp –permanent success [[email protected]]# sudo firewall-cmd –reload success 2. Check whether the redis startup […]