Beste VSCode-tema fra 2019

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

Jeg har brukt Sublime i over ti år, men i fjor, som en heltids open source-utvikler - ble jeg inspirert av den nye open source-redaktøren som heter VSCode eller Visual Studio Code.

Spol frem ett år, og jeg er en ivrig strømbruker av VSCode. Jeg ble forelsket i hvor enkelt det er å forbedre VSCode og gjøre det bedre for alle.

VSCode-samfunnet har styrket meg nok til å gjøre følgende ting som jeg er super stolt av:

  • Jeg hjelper folk å bli VSCode-strømbrukere →
  • Jeg fikk bidragsrekvisita for å bidra til VSCode →
  • Jeg har delt en rekke profesjonelle tips og triks VSCode →
  • Jeg opprettet et fantastisk Shades of Purple VSCode-tema →
 Bli en VSCode strømbruker!

Og ja, det er det du er her for. Så tilgi min clickbaity-tittel for en skamløs plugg - jeg la imidlertid mye arbeid i å gjøre dette Shades of Purple-temaet perfekt.

Shades of Purple VSCode Theme →

Shades of Purple er et profesjonelt utformet VSCode-tema som jeg bygde ved å velge en haug med lilla nyanser som ser bra ut og føles lett for øynene våre. Du skal disse dristige lilla nyansene.

Fikk dette temaet gjennomgått av flere designere, og det har ført til ~ 70 nye utgivelser av dette temaet og 1 017 632+ utviklere bruker det daglig.

Se hvor virkelig fantastiske nyanser av lilla syntaks ser ut og føles. Klikk på bildet for å laste ned  Shades of Purple →

Video Demo & Installasjon

Se følgende video på YouTube for å finne ut mer om Shades of Purple-tema. Lær hvordan du installerer den og litt om funksjonene som markdown-redigering - som er ganske fantastisk med SOP.

Enkel installasjon

  1. Åpne sidefeltet for utvidelser på Visual Studio Code
  2. Søk etter Shades of Purple Theme
  3. Klikk på Installer for å installere det.
  4. Klikk Last inn på nytt for å laste inn redaktøren din på nytt.
  5. Kode / fil > Innstillinger > Fargetema > Shades of Purple.

Alternativ installasjon

  1. Start Quick Open med Cmd + P - eller - Ctrl + P.
  2. Lim inn kommandoen ext installer nyanser-av-lilla
  3. Klikk på Installer for å installere det.
  4. Klikk Last inn på nytt for å laste inn redaktøren din på nytt.
  5. Kode / fil > Innstillinger > Fargetema > Shades of Purple.

Beste tilpassede innstillinger

Dette temaet fungerer best med følgende innstillinger. Spesielt hvis du har operatøren mono-font. Legg den til brukerinnstillingene JSON-objektet. Du kan også bruke et tilpasset VSCode Shades-of-Purple-ikon som jeg opprettet basert på arbeidet med VSCode Icons.

// Temaoppsett.
  "workbench.colorTheme": "Shades of Purple",
  "workbench.iconTheme": "vscode-ikoner",
  "editor.fontFamily": "Operator 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": sant,
  "editor.cursorStyle": "linje",
  "editor.cursorWidth": 5,
  "editor.cursorBlinking": "solid",
  "editor.renderWhitespace": "alle",
  "editor.snippetSuggestions": "topp",
  "workbench.startupEditor": "newUntitledFile",
  "editor.glyphMargin": sant,
  "workbench.editor.enablePreview": falsk,
  "explorer.confirmDragAndDrop": falsk,
  "files.trimTrailingWhitespace": true,
  "files.trimFinalNewlines": sant,
  // Formatering valgfritt.
  "editor.formatOnSave": sant,
  "prettier.eslintIntegration": sant,
  "eslint.run": "onType",
  "eslint.autoFixOnSave": sant,
  // MacOS Only Settings.
  "workbench.fontAliasing": "auto",
  "terminal.integrated.macOptionIsMeta": true,
  "workbench.statusBar.feedback.visible": falsk,

Jeg lærer mer om konfigurering av dette temaet og Visual Studio Code-redigereren din på VSCode.pro. Interessert?! Registrer deg for å bli VSCode strømbruker →

Skjermbilder:

Shades of Purple syntax for: Markdown

 Shades of Purple syntax for: Markdown

Shades of Purple syntax for: JavaScript

 Shades of Purple syntax for: JavaScript

Shades of Purple syntax for: PHP

 Shades of Purple syntax for: 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 syntax for: Python

 Shades of Purple syntax for: Python

Shades of Purple syntax for: Go

 Shades of Purple syntax for: Go

Sett nyanser av lilla andre steder!

Jeg har bygget andre Shades of Purple-temaer for annen programvare.

Her er en liste.

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

Hallo, vi er Dev-paret!

Jeg (Ahmad Awais) er en Full Stack Web Developer og en vanlig kjerne bidragsyter hos WordPress. Min vesentlige andre (Maedah Batool) er en teknisk prosjektleder, og hun er også WordPress Core-bidragsyter. Sammen med teamet vårt driver vi WPCouple.com.

Lær å bli VSCode strømbruker →

Som jeg nevnte tidligere, hjelper jeg folk med å få mest mulig ut av redaktøropplevelsen deres. Jeg gjør det ved å bygge et kurs for å gjøre deg til VSCode Power-bruker. Kurset har bokstavelig talt det mest kontekstspesifikke domenet VSCode.pro - se hva jeg gjorde der ?!

 Bli en VSCode strømbruker!

Støtt Open Source-prosjektene våre!

Hvis du vil at vi skal fortsette å produsere profesjonell gratis og åpen kildekode-programvare (FOSS). Vurder å betale for en time av dev-tiden min. Vi bruker to timer på åpen kildekode for hvert bidrag. Ja, det stemmer, du betaler for en time og får oss begge til å bruke en time som takk.

Project Backers & TheDevCouple Partners ️

Dette FOSS-prosjektet (gratis og åpen kildekode-programvare) oppdateres og vedlikeholdes ved hjelp av fantastiske bedrifter oppført nedenfor. Uten støtte fra disse fantastiske selskapene / individene ville ikke dette prosjektet vært mulig. Hva hvordan? Les mer om det →

Lisens og attribusjon

Lisensiert som MIT ⓒ Ahmad Awais.

Takk til VSCode-teamet hos Microsoft for å lage en så fantastisk kodeditor. Også for skaperen av andre temaer med høy kontrast som fungerte som en inspirasjon. Dette temaet henter inspirasjon fra mange VSCode-temaer, inkludert, men ikke begrenset til Cobalt-temaer av Roberto Achar, Ayu, Palenight-temaer, Dracula-temaer, etc. VSCode og Icons8 for ikonene i dette readme.

Si på Twitter, la oss være venner der @MrAhmadAwais →