3. Crazy geek
The original:
https://1stwebdesigner.com/to…
This article first send WeChat messages public number: jingchengyideng welcome attention, every day to push you fresh front-end technology articles
Microsoft’s VS (Visual Studio) Code is a free open source editor that has recently become increasingly popular. It is very light and flexible, but it also offers a lot of powerful features. It supports most popular programming languages, including PHP, JavaScript, C++, and more.
VS Code is cross-platform. It works not only on Windows, but also on Linux and Mac versions. Download address: https://code.visualstudio.com/.
But perhaps the coolest thing about VS Code is the huge scale of extensions it offers. There are plenty of free extensions in the extension store for supporting new languages, debugging Code, or adding a variety of other custom features. You have the flexibility to configure your own editor to better meet your daily development needs.
Here are some of the top VS Code extensions for the front end.
Git enhancements:GitLens
While Git functionality is built into VS Code, GitLens offers more version control to “enhance” your editor. It provides in-depth analysis of the code, showing you when the changes were made and the code after the changes. You can even compare different branches, tags, and commits. Overall, this extension will give you a whole new look and feel.
For more details: https://marketplace.visualstu…
Syntax Highlight:Beautify
Do you rely heavily on syntax highlighting? If so, Beautify is what you need. It takes advantage of the Online JavaScript Beautifier already available in VS Code and allows you to easily change its style. This means you can set indentation, newlines, and other details depending on the content.
For more details: https://marketplace.visualstu…
Code review:ESLint
JavaScript can be difficult to debug. However, the ESLint extension can make this process easier. It can help you point out potential problems before you execute your code. Even more powerful, it allows you to create your own linting rules.
For more details: https://marketplace.visualstu…
The debugger:Debugger for Chrome
For developers who are debugging code during runtime, Debugger for Chrome will help you get the job done. It has a number of convenient features, including the ability to set breakpoints in code, watches, and the console. Alternatively, you can run a Chrome instance within VS Code, or attach the debugger to a separate browser instance that is running separately.
For more information: https://marketplace.visualstu…
Environmental enhancement:React Native Tools
React is one of the most compelling JS libraries out there — so much so that the new WordPress block editor (aka Gutenberg) is based on it. If you are one of the many React programmers, React Native Tools is an essential extension. It adds the ability to run the react-native command and also helps you debug your own code.
For more information: https://marketplace.visualstu…
Interface Theme:One Dark Pro
When typing code, it helps to have an eye-catching interface theme. After all, the coding process can take hours. One Dark Pro brings the popular “One Dark” theme from the Atom editor to VS Code.
For more information: https://marketplace.visualstu…
Code enhancements:Bracket Pair Colorizer 2
Bracket Pair Colorizer 2 is a simple extension that makes code easier to read. It allows you to color pairs of matching parentheses, making it very intuitive to determine where a function starts and ends. You can also choose the color you want to use.
For more information: https://marketplace.visualstu…
Visual enhancement:vscode-icons
Perhaps VS Code – Icons is one of the most effective visual tuning extensions to VS Code. It handles the bland list of files in your project and adds colorful, language-specific ICONS. This will easily let you know the type of the code file. The ability to personalize your workspace is a very popular feature.
For more information: https://marketplace.visualstu…
Write your code your way
VS Code offers a surprising number of extensions that make it an attractive editor. You have the freedom to make the Settings to match the language you use and the look of your workspace that you like.
In addition, it offers an interesting mix of enterprise and open source cultures. VS Code is supported by Microsoft to ensure better maintenance in the future. The open source community has created a thriving ecosystem around software that can be described as an example of how enterprise meets open source culture.
Read on for the other great articles in this column:
- 12 Amazing CSS Experiment Projects
- What are the front-end interview questions at the world’s top companies
- CSS Flexbox Visualization Manual
- The holidays are boring? Write a little brain game in JavaScript!
- React from a designer’s point of view
- How does CSS sticky positioning work
- A step-by-step guide to implementing animations using HTML5 SVG
- Programmer 30 years old before the monthly salary is less than 30K, which way to go
- 7 open front end questions
- React Tutorial: A Quick Start Guide
