


[Organization and Sharing] 20 practical and beautiful VSCode themes, worth collecting!
This article will share with you 20 practical and beautiful VSCode themes. There is always one suitable for you. Come and collect and use it. I hope it will be helpful to everyone!
#It is a very happy thing to change the theme style of an editor when writing code every day. In WebStorm or other editors, changing themes may be a troublesome thing, but in VS Code, everything becomes so simple. You only need a shortcut key to change, and you can also see it during the selection process. Real-time display effect. Below are 20 theme styles that I commonly use and prefer. [Recommended learning: vscode tutorial, Programming teaching]
How to change the theme for VS Code
- Mac User
- ⌘K and then ⌘T will display a list of all themes. Press the up and down keys to modify the theme
- ⌘ ⇧ P,
color theme
in the input box, Then press Enter and you will also enter the topic list
- Windows users
- Ctrl Shift P
1) Ayu
There are three theme modes, Light, Mirage, Dark, I prefer Its Mirage and Dark are very cool.
2) Cobalt2 Theme Official
There is only one theme , very classic and very good
3) Material Theme
There are five theme modes, default, Darker, Lighter, Ocean, and Palenight. I prefer Palenight.
4) Dainty
This is more ruthless, It has many preset themes
- Andromeda (
andromeda
) - Ardent (
ardent
) - Ayu Mirage (
ayu-mirage
) - City Lights (
city-lights
) - Dark (
dark-plus
) - Dark Reimagined (
dark-plus-reimagined
) - Fluent (
fluent
) - Material Theme Ocean (
material-theme -ocean
) - Material Theme (
material-theme
) - Minimal (
minimal
) - Mirage (
mirage
) - Monokai Night (
monokai-night
) - Monokai (
monokai
) - Nord (
nord
) - Oceanic Next (
oceanic-next
) - Panda Theme (
panda-theme
) - Pivot (
pivot
) - Purple Haze (
purple-haze
) - Snazzy Theme (
snazzy-theme
) - Timbre (less chroma) (
timbre-less-chroma
) - Timbre (
timbre
) - Tomorrow Night Eighties (
tomorrow-night-eighties
)
You can choose what you like
5) Dracula Official
There is only one theme, very classic
6 ) GitHub Theme
The official theme produced by Github, with all the details
7) Horizon Theme
Two theme styles, Horizon Bright pink style, especially suitable for girls
# #8) Min Theme Two theme styles, Dark and Light 9) Nebula Theme A theme style 10) Night Owl Two theme styles, Dark and Light 11) Noctis There are 11 themes, 8 are dark styles and 3 are bright styles# #12) One Dark Pro
Click to installA style, also a very classic and durable style
13) One Monokai Theme
Click to installA style, also a very classic and durable style
##14 )Slack Theme
Click to install
There are up to 11 styles, each one is very classic, I like Slack Theme Aubergine best
15) Snazzy Plus
Two styles, long-lasting series
16)SynthWave '84
A style, very distinctive, the code is like glowing
17) Shades of Purple
A style, very distinctive
18) Winter is Coming Theme
Very cool blue style
##19) LaserWave is a nice, concise style 20) Firefox Theme Two Firefox styles, very distinctive, very conspicuous borders For more knowledge about VSCode, please visit:vscode Basic Tutorial!
The above is the detailed content of [Organization and Sharing] 20 practical and beautiful VSCode themes, worth collecting!. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics



VS Code system requirements: Operating system: Windows 10 and above, macOS 10.12 and above, Linux distribution processor: minimum 1.6 GHz, recommended 2.0 GHz and above memory: minimum 512 MB, recommended 4 GB and above storage space: minimum 250 MB, recommended 1 GB and above other requirements: stable network connection, Xorg/Wayland (Linux)

How to define header files using Visual Studio Code? Create a header file and declare symbols in the header file using the .h or .hpp suffix name (such as classes, functions, variables) Compile the program using the #include directive to include the header file in the source file. The header file will be included and the declared symbols are available.

Visual Studio Code (VSCode) is developed by Microsoft, built using the Electron framework, and is mainly written in JavaScript. It supports a wide range of programming languages, including JavaScript, Python, C, Java, HTML, CSS, etc., and can add support for other languages through extensions.

The command to start a front-end project in VSCode is code. The specific steps include: Open the project folder. Start VSCode. Open the project. Enter the startup command code. in the terminal panel. Press Enter to start the project.

To enable and set VSCode, follow these steps: Install and start VSCode. Custom preferences including themes, fonts, spaces, and code formatting. Install extensions to enhance features such as plugins, themes, and tools. Create a project or open an existing project. Use IntelliSense to get code prompts and completions. Debug the code to step through the code, set breakpoints, and check variables. Connect the version control system to manage changes and commit code.

Run tasks in VSCode: Create tasks.json file, specify version and task list; configure the label, command, args, and type of the task; save and reload the task; run the task using the shortcut key Ctrl Shift B (macOS for Cmd Shift B).

There are two ways to set up a Chinese language in Visual Studio Code: 1. Install the Chinese language package; 2. Modify the "locale" settings in the configuration file. Make sure Visual Studio Code version is 1.17 or higher.

Common commands for VS Code terminals include: Clear the terminal screen (clear), list the current directory file (ls), change the current working directory (cd), print the current working directory path (pwd), create a new directory (mkdir), delete empty directory (rmdir), create a new file (touch) delete a file or directory (rm), copy a file or directory (cp), move or rename a file or directory (mv) display file content (cat) view file content and scroll (less) view file content only scroll down (more) display the first few lines of the file (head)
