Error message here!

Hide Error message here!

忘记密码?

Error message here!

请输入正确邮箱

Hide Error message here!

密码丢失?请输入您的电子邮件地址。您将收到一个重设密码链接。

Error message here!

返回登录

Close

VScode 主題和打字特效配置,讓你的VScode活“”起來

ndz 2021-09-12 05:48:42 阅读数:3816 评论数:0 点赞数:0 收藏数:0

前言

VScode 並不是我用的第一款代碼編輯器,在它之前我用過很多代碼編輯器,依次的順序我記得應該是DreamWeaver、HBuilder、Sublime、Webstorm。 為什麼在用過這麼多當時確實很火、很主流的代碼編輯器以後我會選擇VScode呢?並且一用就已經四五年了。

在選擇VScode之前使用webstorm這款代碼編輯器,當時覺得已經找到我滿意的了。但當我在拒絕的接觸了VScode以後我真的是果斷放弃了webstorm,最大的一個原因就是它太大了,編寫代碼的時候再多運行幾個程序基本就能聽到電腦風扇聲了,選擇VScode除了身邊大多數開發小夥伴的推薦以外,最主要是一個描述讓我選擇了嘗試------款輕量級。VScode是一款輕量級的代碼編輯器,安裝包非常小,而且啟動速度非常快。隨後接觸VScode之後,才發現這款輕量級的編輯器也能給自己不亞於webstorm的編程體驗,而且有過之而無不及。

VScode的最吸引人的地方之一是它的定制功能,各種主題應有盡有,只有你想不到的就沒有它沒有的,如果真沒有,那就自己擼一個你喜歡的主題嘛。其次它擁有海量插件,讓你不同編程語言、不同主流變成框架都有你想要的輔助開發框架,真的做到了想你所想。

直接進入今天的主題吧,今天主要就是想給大家介紹幾款VScode的主題,讓你的 VScode “活”起來。作為你名程序員,我覺得咱們打交道最多的就是編輯器了,那麼讓你的編輯器變成你喜歡的樣子是不是也應該是必須的呢?

VScode主題

VScode的主題真的很多,我配置的時候也讓我眼花繚亂,尤其網上各種主題的配置是真的多。這裏我也不敢說一一給大家介紹,我只能弱弱的說幾個我用過的並且我覺得還不錯的,希望我的審美不要太偏離大眾。

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.

這是一個可愛而溫暖的主題,特別是對於咱們可愛的女程序員。主要設計有玫瑰紅、淡紫、香蕉黃和天藍色。總之很好看、很可愛、很清純......一切美好的詞都可以給它。各比特靚仔,請把她安利給你喜歡的程序員小姐姐吧。鏈接

Slack Theme

Color scheme inspired by the Slack default themes.

Slack Theme是我現在用的一個主題的配色,它有接近七八和版本,各種顏色的主題。

作者的靈感主要來源於默認主題 Slack

下面是官網給出的一個主題圖片鏈接

Ayu

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

一個簡單的主題與明亮的顏色,有三個版本---- 黑暗,光線和海市蜃樓---- 全天舒適的工作。鏈接

Field Lights Theme

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

Field Lights Theme 是一個黑暗的視覺工作主題,靈感來自默認主題 Ayu (幻影),但添加了一些個人品味的定制。鏈接

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.

SynthWave '84主題是一種文字附帶霓虹燈特效的主題,它不需要任何外部擴展來激活霓虹燈效果!這種配色方案受到音樂和現代合成波樂隊如 FM-84,1983和午夜的封面藝術品的影響。

主題很好看,但不建議長時間使用,我用了一天眼睛疼,感覺對視力不太友好。鏈接

Noctis

上面咱們說了一個對視力不太友好的 SynthWave '84 主題,那麼Noctis就是一個對視力相對柔和的主題。

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有11個版本,8個是黑暗的,3個是光明的 鏈接

GitHub Theme

Github自己出的一款主題,目前 GitHub Theme 中有5種主題:GitHub Light、GitHub Dark、GitHub Light Default、GitHub Dark Default、GitHub Dark Dimmed

之前用過一段時間,整體感覺配色啥的都相對優雅一些,但個人覺得並沒有太多特色。鏈接

VScode的主題其實真的很多很多,多的讓人沒法一個個的去配置去體驗。小夥伴們要是有遇到自己用的覺得還不錯的,也希望大家分享出來一起使用。

VSCODE POWER MODE!!!

抱著越酷炫越好的心裏我看了VScode的不少文檔,最後也沒找到怎麼讓我的VScode更吊炸天的主題,但意外我發現了一個大佬弄的“Power Mode”我以為VScode不支持,結果已經有大佬實現了。Power Mode 是一種炫酷高逼格敲代碼的效果動畫,先看一下插件介紹的效果圖:

Particles 粒子

Magic 魔法

Fireworks 烟花

Flames 火焰

Clippy 曲別針

是不是感覺還不錯?那就安裝自己體驗一下吧,直接在VScode中搜索 Power Mode 安裝

安裝完以後還需要在設置文件中加入四行代碼:

// power mode 插件配置
"powermode.enabled": true, //啟動效果
"powermode.presets": "particles", // flames 火花效果、 particles 粒子、 magic 魔法、 fireworks 烟花、 clippy 曲別針
"powermode.enableShake": false,
"terminal.integrated.automationShell.linux": "" // 關閉代碼抖動
複制代碼

如下圖所示

配置完就可以開心的體驗(裝X)了,要是不起作用的話可以重啟VScode試一下。

結語

寫代碼的日子是繁瑣無味的,我們需要在這重複的工作中找一些喜悅的東西,玩轉各種開發的配置其實真的有利於寫代碼的心情。最後希望大家都有一個高逼格的開發環境配置,願大家都有一個愉悅的編碼心情。如果發現什麼好玩的東西也可以@我,大家一起研究研究。

版权声明
本文为[ndz]所创,转载请带上原文链接,感谢

编程之旅,人生之路,不止于编程,还有诗和远方。
阅代码原理,看框架知识,学企业实践;
赏诗词,读日记,踏人生之路,观世界之行;

支付宝红包,每日可领