Bedste VSCode-tema i 2019

Shades of Purple VSCode-tema er omtalt som det bedste VSCode-tema i 2019.

Jeg har brugt Sublime i over ti år, men sidste år, som en fuldtids open source-udvikler - blev jeg inspireret af den nye open source-editor, der hedder VSCode eller Visual Studio Code.

Spol frem et år, og jeg er en ivrig strømbruger af VSCode. Jeg blev forelsket i, hvor let det er at forbedre VSCode og gøre det bedre for alle.

VSCode-samfundet har bemyndiget mig nok til at gøre følgende ting, som jeg er super stolt af:

  • Jeg hjælper folk med at blive VSCode-strømbrugere →
  • Jeg fik bidragsrekvisitter til at bidrage til VSCode →
  • Jeg har delt en række pro VSCode-tip & -tricks →
  • Jeg oprettede et fantastisk Shades of Purple VSCode-tema →
 Bliv VSCode-strømbruger!

Og ja, det er hvad du er her for. Så undskyld min clickbaity-titel for et skamløst stik - jeg arbejdede dog meget med at gøre dette Shades of Purple-tema perfekt.

Shades of Purple VSCode Theme →

Shades of Purple er et professionelt udformet VSCode-tema, som jeg byggede ved at vælge en flok nuancer af lilla, der ser godt ud og føles let på vores øjne. Du skal disse dristige lilla nuancer.

Fik dette tema gennemgået af flere designere, og det har ført til ~ 70 nye udgivelser af dette tema, og 1.017.632+ udviklere bruger det dagligt.

Se, hvor virkelig fantastiske nuancer af lilla syntaks ser ud og føles. Klik på billedet for at downloade  Shades of Purple →

Video Demo & installation

Se følgende video på YouTube for at finde ud af mere om Shades of Purple-temaet. Lær hvordan du installerer det og en smule om dets funktioner som markdown-redigering - hvilket er ganske ret fantastisk med SOP.

Nem installation

  1. Åbn sidebjælken til udvidelser i Visual Studio Code
  2. Søg efter Shades of Purple Theme
  3. Klik på Installer for at installere det.
  4. Klik på Genindlæs for at genindlæse din editor.
  5. Kode / fil > Præferencer > Farvetema > Shades of Purple.

Alternativ installation

  1. Start Quick Open vha. Cmd + P - eller - Ctrl + P.
  2. Indsæt kommandoen ext installer nuancer-af-lilla
  3. Klik på Installer for at installere det.
  4. Klik på Genindlæs for at genindlæse din editor.
  5. Kode / fil > Præferencer > Farvetema > Shades of Purple.

Bedste brugerdefinerede indstillinger

Dette tema fungerer bedst med følgende indstillinger. Især hvis du har operatørens mono-font. Føj det til dine brugerindstillinger JSON-objekt. Du kan også bruge et brugerdefineret VSCode-skygge-af-lilla-ikon, som jeg oprettede, baseret på arbejdet med VSCode-ikoner.

// Temaopsætning.
  "workbench.colorTheme": "Shades of Purple",
  "workbench.iconTheme": "vscode-ikoner",
  "editor.fontFamily": "Operatør Mono, Menlo, Monaco, 'Courier New', monospace",
  "terminal.integrated.fontFamily": "'Operator Mono', 'Inconsolata for Powerline', monospace",
  "editor.fontSize": 17,
  "editor.lineHeight": 24.65,
  "editor.letterSpacing": 0.5,
  "editor.fontWeight": "400",
  "editor.fontLigatures": sandt,
  "editor.cursorStyle": "linje",
  "editor.cursorWidth": 5,
  "editor.cursorBlinking": "solid",
  "editor.renderWhitespace": "alle",
  "editor.snippetSuggestions": "top",
  "workbench.startupEditor": "newUntitledFile",
  "editor.glyphMargin": sandt,
  "workbench.editor.enablePreview": falsk,
  "explorer.confirmDragAndDrop": falsk,
  "files.trimTrailingWhitespace": sandt,
  "files.trimFinalNewlines": sandt,
  // Formatering af valgfri.
  "editor.formatOnSave": sandt,
  "prettier.eslintIntegration": sandt,
  "eslint.run": "onType",
  "eslint.autoFixOnSave": sandt,
  // MacOS Only Settings.
  "workbench.fontAliasing": "auto",
  "terminal.integrated.macOptionIsMeta": sandt,
  "workbench.statusBar.feedback.visible": falsk,

Jeg lærer mere om konfiguration af dette tema og din Visual Studio Code-editor på VSCode.pro. Interesseret ?! Tilmeld dig for at blive VSCode strømbruger →

Billedgalleri:

Shades of Purple syntax for: Markdown

 Shades of Purple syntax for: Markdown

Shades of Purple syntaks til: JavaScript

 Shades of Purple syntaks til: JavaScript

Shades of Purple syntax for: PHP

 Shades of Purple syntaks til: PHP

Shades of Purple syntax for: HTML

 Shades of Purple syntax for: HTML

Shades of Purple syntax for: Pug

 Shades of Purple syntax for: Pug

Shades of Purple syntaks til: Python

 Shades of Purple syntaks til: Python

Shades of Purple syntax for: Go

 Shades of Purple syntax for: Go

Læg nuancer af lilla andre steder!

Jeg har bygget andre Shades of Purple-temaer til forskellige software.

Her er en liste.

  • VSCode-tema - Shades of Purple
  • iTerm2 tema - Shades of Purple
  • Hyper ™ tema - Shades of Purple
  • Konsole-tema - Shades of Purple
  • Slack-tema - Shades of Purple
  • Alfred-tema - Shades of Purple

Hej, vi er Dev-parret!

Jeg (Ahmad Awais) er en Full Stack Web Developer og en regelmæssig centrale bidragyder hos WordPress. Min vigtige anden (Maedah Batool) er en teknisk projektleder, og hun er også en WordPress Core-bidragyder. Sammen med vores team kører vi WPCouple.com.

Lær at blive VSCode strømbruger →

Som jeg nævnte tidligere, hjælper jeg folk med at få mest muligt ud af deres redaktøroplevelse. Jeg gør det ved at opbygge et kursus for at gøre dig til VSCode Power-bruger. Kurset har bogstaveligt talt det mest kontekstspecifikke domæne VSCode.pro - se hvad jeg gjorde der ?!

 Bliv VSCode-strømbruger!

Støtt vores open source-projekter!

Hvis du gerne vil have, at vi fortsat producerer professionel gratis og open source-software (FOSS). Overvej at betale for en time af min dev-tid. Vi bruger to timer på open source for hvert bidrag. Ja, det stemmer, du betaler for en time og får os begge til at bruge en time som tak.

Project Backers & TheDevCouple Partners ️

Dette FOSS (gratis og open source software) projekt opdateres og vedligeholdes ved hjælp af fantastiske virksomheder, der er anført nedenfor. Uden støtte fra disse fantastiske virksomheder / enkeltpersoner ville dette projekt ikke have været muligt. Hvad hvordan? Læs mere om det →

Licens & attribution

Licenseret som MIT ⓒ Ahmad Awais.

Tak til VSCode-teamet hos Microsoft for at oprette en sådan en fantastisk kodeeditor. Også til skaberen af ​​andre temaer med høj kontrast, der tjente som inspiration. Dette tema henter inspiration fra mange VSCode-temaer, herunder men ikke begrænset til Cobalt-temaer af Roberto Achar, Ayu, Palenight-temaer, Dracula-temaer osv. VSCode og Icons8 til ikonerne i dette readme.

Sig på Twitter, lad os være venner der @MrAhmadAwais →