Parsinta Exclusive: Tema Vscode Yang Baru Saja Dibuat
Ada banyak sekali tema di dalam vscode ini, salah satu yang sering saya pakai adalah GitHub Theme dan Monokai Pro.
Irsyad A. Panjaitan
4 min read·23 Jul 2022
Ada banyak sekali tema di dalam vscode ini, salah satu yang sering saya pakai adalah GitHub Theme dan Monokai Pro. Namun saya merasa kurang nyaman sehingga saya berpikir untuk membuat 1 tema baru. Mungkin bagi Anda yang sudah menonton seri saya Blog Dengan Laravel Inertia dan React (SSR) akan mengetahui tema nya.
Parsinta Exclusive
Jadi untuk nama tema yang baru saya buat itu adalah Parsinta Exclusive, kalian langsung bisa instal temanya di vscode yang sedang kalian pakai sekarang, atau bisa langsung mencari nya dengan keyword "parsinta", maka harusnya akan muncul tema seperti gambar berikut.
Berkontribusi
Saya juga membuka repo nya di Github parsinta-exclusive, jadi bagi kalian yang ingin membuat tema nya lebih mantap, atau menambah support untuk bahasa lain bisa langsung membuat pull request ya.
Overview
Berikut adalah salah satu screenshot dari tema ini.
Tidak semua orang peduli dengan tema, namun saya sangat peduli. Makanya jika ada yang bertanya "Nama temanya apa, font nya apa" saya tidak heran. Karena saya juga seperti itu orangnya, terlalu peduli dengan hal-hal yang bisa membuat nyaman. Mudah-mudahan dengan tema ini, kalian lebih semangat untuk mengerjakan proyek-proyek yang sedang ditangani, atau belajar hal yang baru.
Rekomendasi Settings
Di sini saya akan menunjukkan beberapa konfig yang saya pakai dalam menggunakan vscode. Sehingga tema ini juga terlihat lebih elegan. Buka file settings.json, bisa dengan cmd/ctrl + shift + p, cari file settings.json. Biasanya jika di mac, itu berada di direktori ini ~/Library/Application Support/Code/User/settings.json.
{
"terminal.integrated.fontSize": 14,
"terminal.integrated.lineHeight": 1.2,
"terminal.integrated.cursorStyle": "line",
"vetur.format.options.tabSize": 4,
"zenMode.centerLayout": false,
"workbench.startupEditor": "none",
"editor.scrollbar.vertical": "hidden",
"editor.scrollbar.horizontal": "hidden",
"editor.scrollbar.horizontalScrollbarSize": 1,
"editor.scrollbar.verticalScrollbarSize": 1,
"editor.scrollbar.scrollByPage": false,
"security.workspace.trust.untrustedFiles": "open",
"editor.fontFamily": "Dank Mono",
"editor.cursorSmoothCaretAnimation": true,
"editor.cursorBlinking": "solid",
"editor.lineHeight": 40,
"editor.suggestFontSize": 14,
"editor.suggestLineHeight": 28,
"editor.copyWithSyntaxHighlighting": false,
"diffEditor.ignoreTrimWhitespace": false,
"editor.emptySelectionClipboard": false,
"workbench.editor.enablePreview": false,
"window.newWindowDimensions": "inherit",
"files.trimTrailingWhitespace": true,
"diffEditor.renderSideBySide": false,
"editor.snippetSuggestions": "top",
"editor.detectIndentation": false,
"files.insertFinalNewline": true,
"files.trimFinalNewlines": true,
"workbench.sideBar.location": "left",
"editor.fontLigatures": true,
"scm.diffDecorations": "none",
"editor.hover.enabled": false,
"editor.matchBrackets": "never",
"workbench.tips.enabled": false,
"editor.colorDecorators": false,
"git.decorations.enabled": false,
"editor.lightbulb.enabled": false,
"editor.selectionHighlight": false,
"editor.overviewRulerBorder": false,
"editor.renderLineHighlight": "none",
"editor.occurrencesHighlight": false,
"problems.decorations.enabled": false,
"editor.renderControlCharacters": false,
"editor.hideCursorInOverviewRuler": true,
"editor.gotoLocation.multipleReferences": "goto",
"editor.gotoLocation.multipleDefinitions": "goto",
"editor.gotoLocation.multipleDeclarations": "goto",
"workbench.editor.enablePreviewFromQuickOpen": false,
"editor.gotoLocation.multipleImplementations": "goto",
"editor.gotoLocation.multipleTypeDefinitions": "goto",
"editor.guides.indentation": false,
"editor.unicodeHighlight.invisibleCharacters": false,
"editor.unicodeHighlight.ambiguousCharacters": false,
"window.nativeFullScreen": false,
"editor.fontSize": 13.5,
"breadcrumbs.enabled": false,
"editor.renderWhitespace": "none",
"files.autoSave": "onFocusChange",
"prettier.jsxSingleQuote": true,
"prettier.singleQuote": true,
"prettier.tabWidth": 4,
"editor.accessibilityPageSize": 12,
"editor.largeFileOptimizations": false,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"emmet.triggerExpansionOnTab": true,
"extensions.ignoreRecommendations": true,
"editor.inlineSuggest.enabled": true,
"javascript.format.semicolons": "remove",
"blade.format.enable": true,
"workbench.activityBar.visible": false,
"workbench.statusBar.visible": false,
"editor.minimap.enabled": false,
"workbench.colorTheme": "Parsinta Exclusive"
}
Dengan settings di atas, harusnya vscode Anda akan lebih elegan dan clean. Semoga artikel ini bermanfaat, until next time 👋🏻
Newsletter
Bergabunglah dengan 23.000+ lainnya dan jangan pernah ketinggalan screencast, tips, tutorial, dan lainnya.
Artikel Terkait
Baca artikel lain yang mungkin menarik untuk Anda. Atau, Anda bisa mencari artikel lainnya di halaman artikel.
- Apa yang Baru di Laravel Herd? Panduan Lengkap untuk Fitur Terbaru
- Panduan Lengkap Optimasi On-Page SEO untuk Pemula
- Panduan Lengkap Memahami RESTful API untuk Pemula
- Keuntungan Menggunakan Laragon dalam Pengembangan Web
- Migrasi dari XAMPP ke Laragon
- Vscode: Panduan untuk Tampilan Bersih dan Minimalis
- PHPStorm: Panduan untuk Tampilan Bersih dan Minimalis
- Beberapa Ekstensi VSCode Yang Membantu Kita
- Cara Membuat Tema Vscode Sendiri
- Laravel Pint: Pengenalan PHP Fixer Minimalis
- Composer Bisa Melakukan Lebih Dari Sekadar Instalasi
- Penggunaan Prettier untuk Laravel Blade: Panduan Coding Style
- Membangun Forum Dengan Laravel TDD Sudah Selesai
- Mengoptimalkan Workflow dengan Alias di Command Line
- Parsinta Setup