preface

VScode isn’t the first code editor I’ve used, I’ve used a lot of code editors before it, DreamWeaver, HBuilder, Sublime, Webstorm in the order I think. Why did I choose VScode after using so many of the popular 🔥 and mainstream code editors at the time? And it’s been used for four or five years.

Before choosing VScode, I used webstorm, the code editor, and thought I had found what I was satisfied with. However, after contacting VScode, I really gave up webstorm decisively. One of the biggest reasons was that it was too big. When I was writing code, I could almost hear the sound of computer fans if I ran a few more programs. It was a description that led me to try —— lightweight. VScode is a lightweight code editor with a very small installation package and very fast startup. When I got into VScode, I realized that the lightweight editor gave me a programming experience as good as webstorm, but even better.

One of the most interesting things about VScode is that it has a variety of customizable themes. If you can’t think of one, you can create your own theme. Secondly, it has a large number of plug-ins, so that you can have different programming languages, different mainstream into the framework of the auxiliary development framework you want, really do what you want.

Enter directly into today’s theme, today’s main is to introduce you to a few VScode theme, let your VScode “live”. As a programmer, I think the most we deal with is the editor, so make your editor look like you should also be a must?

VScode theme

VScode theme is really a lot of, I configure the time also let me dazzled, especially online configuration of various themes is really much. Here I also dare not say one by one to introduce to you, I can only weakly say a few I have used and I think it is good, I hope my aesthetic will not deviate too much from the public.

Pink-Cat-Boo Theme

This is a cute & warm theme, especially for coder girls. Mainly designed with rose pink, light purple, banana yellow and sky blue.

This is a lovely and warm topic, especially for our lovely female programmer. The main designs are rose, lavender, banana yellow and sky blue. Anyhow very good-looking, very lovely, very pure…… All good words can be given to it. Everybody pretty boy, please give her amway to your favorite programmer little sister. link

Slack Theme

Color scheme inspired by the Slack default themes.

Slack Theme is a Theme color scheme THAT I use now, and it comes in close to seven, eight and versions, with various colors of Theme.

The author’s main inspiration comes from the default theme Slack

Below is a picture of a theme from the official websitelink

Ayu

A simple theme with bright colors and comes in three versions — dark, light and mirage for all day long comfortable work.

With a simple theme with bright colors, there are three versions —- Dark, Light and Mirage —- for all-day comfort to work with. link

Field Lights Theme

Field Lights is a dark Visual Studio Theme inspired by the great Ayu (Mirage) theme but adding some personal taste customizations.

The Field Lights Theme is a dark visual work Theme inspired by the default Theme Ayu (Phantom), but with some customization added to personal taste. link

SynthWave ’84

Do you remember that endless summer back in ’84? Cruising down the ocean-highway with the top down, the wind in our hair and heads buzzing with neon dreams?

No, I don’t remember it either, but with this experimental theme we can go there.

The SynthWave ’84 theme is a theme with text with neon effects, it doesn’t need any external extensions to activate the neon effects! This color scheme was influenced by music and the cover artwork of modern synth wave bands such as FM-84,1983 and Midnight.

The theme is very good-looking, but it is not recommended to use for a long time, I used a day eye pain 😭, feel not very friendly to vision. link

Noctis

Noctis is a less vision-friendly theme than SynthWave ’84.

Noctis is a collection of light & dark themes with a well balanced blend of warm and cold medium contrast colors.

The theme is designed to:

  • Be easy on the eyes thus reducing the eye strain
  • Give semantic meaning to theme’s colors

Noctis has 11 versions, 8 of which are dark and 3 of which are light links

GitHub Theme

Github Theme Github Theme Github Theme Github Theme GitHub Light, GitHub Dark, GitHub Light Default, GitHub Dark Default, GitHub Dark Dimmed

I have used it for some time before, and I feel the overall color matching is relatively elegant, but I don’t think there are too many features. link

VScode theme is really many, many people can not be configured to experience. If you have encountered their own use of the think is good, also hope everyone to share with use.

VSCODE POWER MODE!!

With the heart that the cooler the better, I read a lot of documents of VScode, and finally did not find the theme of how to make my VScode more amazing, but unexpectedly I found a “Power Mode” made by a big guy, which I thought VScode did not support, but it has already been implemented by big guy. Power Mode is a kind of cool and high force grid type code effect animation, first look at the effect of the plugin:

Particles particle

Magic Magic

Fireworks Fireworks

Flames flame

Clippy paper clip

Doesn’t it feel good? To try it out for yourself, search for Power Mode installations directly in VScode

Once installed, you need to add four lines of code to the setup file:

// Powermode. enabled: true, powermode.presets: "Particles ", // Sparks effect, Particles, Magic, fireworks, Clippy paperclip" Powermode. EnableShake ": False, "terminal. Integrated. AutomationShell. Linux" : "" jitter / / off codeCopy the code

As shown in the figure below

After configuration, you can happily experience (install X). If it doesn’t work, you can restart VScode to try.

conclusion

The days of coding can be tedious and tedious, and we need to find something enjoyable in the repetitive work. Playing around with various development configurations can actually be good for the mood of coding. Finally, I hope we all have a high standard of development environment configuration, I hope we all have a happy coding mood. If you find something interesting you can also @ me, we study together.