2019'un En İyi VSCode Teması

Purple VSCode temasının tonları 2019'un en iyi VSCode teması olarak gösteriliyor.

Sublime'ı 10 yıldan beri kullanıyorum, ancak geçen yıl, tam zamanlı bir açık kaynak geliştiricisi olarak - VSCode veya Visual Studio Code adlı yeni bir açık kaynak editöründen ilham aldım.

Hızlı ileri bir yıl ve ben VSCode hevesli bir güç kullanıcısıyım. VSCode'u geliştirmenin ve herkes için daha iyi hale getirmenin ne kadar kolay olduğuna aşık oldum.

VSCode topluluğu, bundan gurur duyduğum şeyleri yapmak için beni yeterince güçlendiriyor:

  • İnsanların VSCode Uzman Kullanıcı olmalarına yardım ediyorum
  • VS VSCode’a katkıda bulunmak için katkılarım var
  • Çok sayıda profesyonel VSCode İpuçları ve Püf Noktaları paylaştığım →
  • Mor tonlarında müthiş bir Tonluk VSCode teması yarattım →
 Bir VSCode Power User Olun!

Ve evet, bunun için buradasınız. Bu yüzden utanmaz bir fiş için tıklama başlığımı bağışlayın - Bununla birlikte, bu Mor Tonları temasını mükemmel yapmak için çok çalıştım.

Mor VSCode Temasının Tonları →

Mor tonları, iyi görünen ve gözlerimizde kolay görünen bir grup mor tonu elle seçerek inşa ettiğim profesyonelce hazırlanmış bir VSCode teması. Bu cesur mor tonları yapman gerekiyordu.

Bu temayı birkaç tasarımcı tarafından gözden geçirdim ve bu temanın ~ 70 yeni çıkmasına neden oldu ve 1.017.632+ geliştirici günlük olarak kullanıyor.

Mor söz diziminin tonlarının ne kadar şaşırtıcı göründüğünü ve hissettiğini görün. İndirmek için resmin üzerine tıklayınız Mor tonları →

Video Demosu ve Kurulumu

Shades of Purple teması hakkında daha fazla bilgi edinmek için aşağıdaki videoyu YouTube'da izleyin. Nasıl kurulacağını ve biraz da markdown düzenleme gibi özellikleri hakkında bilgi edinin - bu SOP ile oldukça harika.

Kolay kurulum

  1. Visual Studio Kodunda uzantılar kenar çubuğunu açın
  2. Mor Tema Tonlarını Arayın
  3. Yüklemek için Yükle'ye tıklayın.
  4. Editörünüzü yeniden yüklemek için Yeniden Yükle'yi tıklayın.
  5. Kod / Dosya > Tercihler > Renk teması > Mor tonları.

Alternatif kurulum

  1. Cmd + P - veya - Ctrl + P tuşlarını kullanarak Hızlı Açma'yı başlatın.
  2. Komutu yapıştır
  3. Yüklemek için Yükle'ye tıklayın.
  4. Editörünüzü yeniden yüklemek için Yeniden Yükle'yi tıklayın.
  5. Kod / Dosya > Tercihler > Renk teması > Mor tonları.

En İyi Özel Ayarlar

Bu tema aşağıdaki ayarlarla en iyi sonucu verir. Özellikle Operator mono fontu varsa. Kullanıcı ayarları JSON nesnesine ekleyin. VSCode Icons'ın çalışmalarına göre oluşturduğum özel bir VSCode Mor Tonları simgesi de kullanabilirsiniz.

// Tema Kurulumu.
  "workbench.colorTheme": "Mor Tonları",
  "workbench.iconTheme": "vscode simgeleri",
  "editor.fontFamily": "Operatör Mono, Menlo, Monako, 'Kurye Yeni', monospace",
  "terminal.integrated.fontFamily": "'Operatör Mono', 'Powerline için Inconsolata', monospace",
  "editor.fontSize": 17,
  "editor.lineHeight": 24.65,
  "editor.letterSpacing": 0.5,
  "editor.fontWeight": "400",
  "editor.fontLigatures": doğru,
  "editor.cursorStyle": "satır",
  "editor.cursorWidth": 5,
  "editor.cursorBlinking": "katı",
  "editor.renderWhitespace": "hepsi",
  "editor.snippetSuggestions": "top",
  "workbench.startupEditor": "newUntitledFile",
  "editor.glyphMargin": doğru,
  "workbench.editor.enablePreview": yanlış,
  "explorer.confirmDragAndDrop": yanlış,
  "files.trimTrailingWhitespace": doğru,
  "files.trimFinalNewlines": doğru,
  // İsteğe Bağlı Biçimlendirme.
  "editor.formatOnSave": doğru,
  "prettier.eslintIntegration": doğru,
  "eslint.run": "onType",
  "eslint.autoFixOnSave": doğru,
  // Yalnızca MacOS Ayarları.
  "workbench.fontAliasing": "otomatik",
  "terminal.integrated.macOptionIsMeta": doğru,
  "workbench.statusBar.feedback.visible": yanlış,

Bu temayı ve Visual Studio Code editörünüzü VSCode.pro'da yapılandırma hakkında daha fazla şey öğretiyorum. Ilgilenen?! VSCode Power User olmak için kaydolun →

Ekran görüntüleri:

Mor sözdiziminin tonları: Markdown

 Mor sözdiziminin tonları: Markdown

Mor tonlarında söz dizimi: JavaScript

 Mor tonlarında söz dizimi: JavaScript

Mor sözdiziminin tonları: PHP

 Mor sözdiziminin tonları: PHP

Mor sözdiziminin tonları: HTML

 Mor sözdiziminin tonları: HTML

Mor sözdiziminin tonları: Pug

 Mor sözdiziminin tonları: Pug

Mor sözdiziminin tonları: Python

 Mor sözdiziminin tonları: Python

Mor sözdiziminin tonları: Git

 Mor sözdiziminin tonları: Git

Mor Tonları Başka Yerlere Koy!

Farklı yazılımlar için başka Mor Tonları temaları oluşturdum.

İşte bir liste.

  • VSCode teması - Mor Tonları
  • iTerm2 teması - Mor Tonları
  • Hyper ™ teması - Mor Tonları
  • Konsole teması - Mor tonları
  • Slack teması - Mor Tonları
  • Alfred tema - Mor Tonları

Merhaba, biz Dev Couple'uz!

Ben (Ahmad Awais) bir Full Stack Web Geliştiricisi ve WordPress'te düzenli bir çekirdek katılımcısıyım. Benim diğer önemli (Maedah Batool) bir Teknik Proje Yöneticisi ve aynı zamanda bir WordPress Çekirdeği Katılımcısı. Ekibimizle birlikte WPCouple.com'u yönetiyoruz.

VSCode Power User Olmayı Öğrenin →

Daha önce de belirttiğim gibi, insanların editör deneyiminden en iyi şekilde yararlanmasına yardımcı oluyorum. Bunu bir VSCode Power kullanıcısı yapmak için bir kurs oluşturarak yapıyorum. Tabii kelimenin tam anlamıyla en bağlam özel etki alanı VSCode.pro vardır - orada ne yaptım bakalım?

 Bir VSCode Power User Olun!

Açık Kaynak Projelerimizi Destekleyin!

Profesyonel ücretsiz ve açık kaynaklı yazılımlar üretmeye devam etmemizi isterseniz (FOSS). Dev zamanımın bir saatini ödemeyi düşünün. Her katkı için iki saatimi açık kaynak olarak harcarız. Evet, doğru, bir saat öde ve ikimizin de bir saatini teşekkür olarak geçirmesini sağla.

Proje Destekçileri ve TheDevCouple Ortakları ️

Bu FOSS (ücretsiz ve açık kaynaklı yazılım) projesi aşağıda listelenen müthiş işletmelerin yardımı ile güncellenmekte ve sürdürülmektedir. Bu şaşırtıcı şirketler / bireylerin desteği olmasaydı, bu proje mümkün olmazdı. Ne nasıl? Bu konuda daha fazla okuyun →

Lisans ve Atıf

MIT ⓒ Ahmad Awais olarak lisanslanmıştır.

Böyle harika bir kod editörü oluşturmak için Microsoft'taki VSCode ekibine teşekkürler. Ayrıca ilham veren diğer yüksek karşıtlık temalarının yaratıcısına da. Bu tema, Roberto Achar, Ayu, Palenight temaları, Dracula temaları, vb. VSCode ve Icons8 gibi Kobalt temalarını içeren fakat bunlarla sınırlı olmayan birçok VSCode temalarından ilham alıyor.

Twitter'da söyle, orada arkadaş olalım @MrAhmadAwais →