Найкраща тема VSCode 2019 року

Shades of Purple VSCode тема представлена ​​як найкраща тема VSCode 2019 року.

Я використовую Sublime вже більше десяти років, але минулого року як штатний розробник з відкритим кодом - я надихнувся новим редактором з відкритим кодом під назвою VSCode або Visual Studio Code.

Швидкий вперед один рік, і я завзятий користувач VSCode. Я закохався в те, як легко покращити VSCode та зробити його кращим для всіх.

Спільнота VSCode наділила мене достатньо, щоб зробити наступні речі, якими я дуже пишаюся:

  • Я допомагаю людям стати користувачами VSCode Power →
  • Я отримав реквізити для внеску у внесок у VSCode →
  • Я поділився низкою підказок та рекомендацій щодо VSCode →
  • Я створив дивовижну тему відтінків Purple VSCode →
Come Стати користувачем живлення VSCode!

І так, для цього ти тут. Отже, вибачте мій титул clickbaity за безсоромний штекер - я все ж поклав багато роботи, щоб зробити цю тему Shades of Purple ідеальною.

Відтінки фіолетової теми VSCode →

Shades of Purple - це професійна майстерна тема VSCode, яку я побудував, вибравши вручну купу відтінків фіолетового кольору, які добре виглядають і відчуваються легко на наших очах. Ви повинні використовувати ці сміливі відтінки фіолетового.

Ознайомили цю тему з декількома дизайнерами, що призвело до появи 70 нових випусків цієї теми, і щодня її використовують 1,017,632+ розробники.

Подивіться, як виглядають і відчуваються по-справжньому дивовижні відтінки фіолетового синтаксису. Клацніть на зображення, щоб завантажити  Shades of Purple →

Демонстрація відео та встановлення

Перегляньте наступне відео на YouTube, щоб дізнатися більше про тему Shades of Purple. Дізнайтеся, як його встановити, і трохи про його функції, такі як редагування розмітки - що досить дивовижно з SOP.

Проста установка

  1. Відкрийте бічну панель розширень на Visual Studio Code
  2. Шукайте відтінки фіолетової теми
  3. Клацніть Установити, щоб встановити його.
  4. Клацніть Перезавантажити, щоб перезавантажити редактор.
  5. Код / файл > Параметри > Кольорова тема > Відтінки фіолетового.

Чергова установка

  1. Запустіть Quick Open за допомогою Cmd + P - або - Ctrl + P.
  2. Вставте команду ext install відтінків фіолетового
  3. Клацніть Установити, щоб встановити його.
  4. Клацніть Перезавантажити, щоб перезавантажити редактор.
  5. Код / файл > Параметри > Кольорова тема > Відтінки фіолетового.

Кращі спеціальні налаштування

Ця тема найкраще працює з наступними налаштуваннями. Особливо, якщо у вас моно шрифт Operator. Додайте його до своїх налаштувань користувача JSON. Ви також можете використовувати власну піктограму VSCode Shades-of-Purple, яку я створив на основі роботи значків VSCode.

// Налаштування теми.
  "workbench.colorTheme": "Відтінки фіолетового",
  "workbench.iconTheme": "іконки vscode",
  "editor.fontFamily": "Оператор Mono, Menlo, Монако," Courier New ", монопростір",
  "terminal.integrated.fontFamily": "" Оператор Mono "," Inconsolata for Powerline ", монопростір",
  "editor.fontSize": 17,
  "editor.lineHeight": 24.65,
  "editor.letterSpacing": 0,5,
  "editor.fontWeight": "400",
  "editor.fontLigatures": true,
  "editor.cursorStyle": "рядок",
  "editor.cursorWidth": 5,
  "editor.cursorBlinking": "твердий",
  "editor.renderWhitespace": "всі",
  "editor.snippetSuggesitions": "вгору",
  "workbench.startupEditor": "newUntitledFile",
  "editor.glyphMargin": вірно,
  "workbench.editor.enablePreview": помилково,
  "explorer.confirmDragAndDrop": false,
  "files.trimTrailingWhitespace": true,
  "files.trimFinalNewlines": вірно,
  // Форматування за бажанням.
  "editor.formatOnSave": true,
  "prettier.eslintIintegration": вірно,
  "eslint.run": "onType",
  "eslint.autoFixOnSave": вірно,
  // Налаштування лише для MacOS
  "workbench.fontAliasing": "авто",
  "terminal.integrated.macOptionIsMeta": true,
  "workbench.statusBar.feedback.visible": false,

Я викладаю більше про налаштування цієї теми та вашого редактора коду Visual Studio на VSCode.pro. Цікавить ?! Зареєструйтесь, щоб стати користувачем VSCode Power →

Скріншоти:

Sy Відтінки фіолетового синтаксису для: Відмітка

Sy Відтінки фіолетового синтаксису для: Відмітка

Sy Синтаксис відтінків фіолетового для: JavaScript

Sy Синтаксис відтінків фіолетового для: JavaScript

Sy Відтінки синтаксису фіолетового для: PHP

Sy Відтінки синтаксису фіолетового для: PHP

Sy Відтінки синтаксису Purple для: HTML

Sy Відтінки синтаксису Purple для: HTML

Відтінки фіолетового синтаксису для: Мопс

 Відтінки фіолетового синтаксису для: Мопс

Відтінки синтаксису фіолетового для: Python

 Відтінки синтаксису фіолетового для: Python

Відтінки фіолетового синтаксису для: Перейти

 Відтінки фіолетового синтаксису для: Перейти

Покладіть відтінки фіолетового в інші місця!

Я створив інші теми Shades of Purple для іншого програмного забезпечення.

Ось список.

  • Тема VSCode - Відтінки фіолетового
  • Theme Тема iTerm2 - Відтінки фіолетового
  • Theme Тема Hyper ™ - Відтінки фіолетового
  • Theme Тема консолі - Відтінки фіолетового
  • Слабка тема - Відтінки фіолетового
  • Тема Альфреда - Відтінки фіолетового

Привіт, ми - пара Dev!

Я (Ахмад Авайс) - це веб-розробник, що працює з повним стеком, і постійний внесок у WordPress. Моя значна особа (Maedah Batool) - технічний керівник проекту, вона також є основним учасником WordPress. Разом з нашою командою ми управляємо WPCouple.com.

Навчіться стати користувачем живлення VSCode →

Як я вже згадував раніше, я допомагаю людям максимально використати свій досвід редактора. Я роблю це, будуючи курс, щоб зробити вас VSCode Power користувачем. Курс буквально має найбільш контекстний домен VSCode.pro - дивіться, що я там робив ?!

Come Стати користувачем живлення VSCode!

Підтримуйте наші проекти з відкритим кодом!

Якщо ви хочете, щоб ми продовжували виробляти професійне безкоштовне та відкрите програмне забезпечення (FOSS). Подумайте, платити за годину мого дев-часу. Ми проведемо дві години на відкритому коді за кожен внесок. Так, це правильно, ти платиш за одну годину і змусиш нас обох провести годину як подяку.

Повернення проекту та партнери TheDevCouple ️

Цей проект FOSS (безкоштовне програмне забезпечення з відкритим кодом) оновлюється та підтримується за допомогою дивовижних підприємств, перелічених нижче. Без підтримки цих дивовижних компаній / приватних осіб цей проект був би неможливим. Що як? Детальніше про це →

Ліцензія та атрибуція

Ліцензований як MIT ⓒ Ahmad Awais.

Завдяки команді VSCode в Microsoft за створення такого дивовижного редактора коду. Також творцю інших тем з високою контрастністю, які послужили натхненням. Ця тема отримує натхнення від багатьох тем VSCode, включаючи, але не обмежуючись ними, теми Кобальту від Роберто Ашара, Аю, теми Palenight, теми Дракули тощо. VSCode та Icons8 для піктограм у цій програмі.

Скажіть у Twitter, будьте друзями там @MrAhmadAwais →