Kullandığım En İyi Visual Studio Code Eklentileri ve Teması (VSCode Extensions | Theme)
HTML-код
- Опубликовано: 8 июн 2024
- Kullandığım En İyi Visual Studio Code Eklentileri ve Teması (VSCode Extensions | Theme)
Uzun zamandan beri şu sorular geliyordu.
- Kullandığın VSCode teması nedir?
- Hangi eklentileri kullanıyorsun?
- Fontun nedir?
ve çok daha fazlası. İşte bu video içerisinde bu soruların cevabını buluyoruz. Kusura bakmayın sohbet etmeyi özlediğimden dolayı video biraz uzun oldu :)
TimeCodes:
00:00:00 Giriş
00:01:22 Better Comments
00:02:30 Bookmarks
00:04:53 Bracket Pair Colorizer
00:05:46 Docker
00:07:18 GitLens
00:08:36 HTML CSS Support
00:08:56 Import Cost
00:09:31 indent-rainbow
00:10:17 JavaScript (ES6) code Snippets
00:11:20 Live Sass Compiler
00:12:41 Live Server
00:13:42 Live Share
00:15:20 Markdown Preview Enhanced
00:16:43 Prettier
00:17:07 Quokka
00:20:24 Regex Previewer
00:20:48 Regex Snippets
00:22:44 REST Client
00:23:32 Vetur
00:23:58 vscode-icons
00:24:28 Cobalt2 Teması
00:25:05 Night Owl
00:25:38 Font Ligatures | Editor Settings | System Settings
00:29:29 OhMyZsh Ayarlamaları
00:31:04 Kapanış
FiraCode
github.com/tonsky/FiraCode
OhMyZsh
ohmyz.sh/
Ayrıcalıklardan yararlanmak için bu kanala katılın:
/ @kablosuzkedi
Kanal içerisinde bulabileceğiniz eğitimlerden bazıları;
1. PHP Programlama eğitimi
2. Codeigniter framework eğitimi
3. HTML ve CSS Eğitimi
4. JavaScript Eğitimi
5. JQuery Eğitimi
6. Vue js Eğitimi
7. Nuxt js Eğitimi
8. Node js Eğitimi
9. Express js Eğitimi
10. JavaScript Frameworkleri
11. MongoDB Eğitimi
12. MySQL Eğitimi
13. Docker Eğitimi
14. Go programlama Eğitimi
15. PHP ile proje Eğitimi
16. Codeigniter ile proje Eğitimi
17. Vue js ile proje Eğitimi
18. Nuxt js ile proje Eğitimi
19. Yeni web teknolojilerin tanıtımları
20. IDE kullanımları
gibi daha birçok eğitime ücretsiz olarak ulaşabilirsiniz.
Eğitimleri izlemek için Oynatma listelerine göz atmayı kesinlikle unutmayın!!!
Başlıca oynatma listeleri;
Eğitim Serileri;
► HTML Eğitimi : • HTML Eğitimi
► CSS Eğitimi : • CSS Eğitimi
► MySQL Eğitimi : • MySQL Eğitimi
► JQuery Eğitimi: • JQuery Eğitimi
► PHP Eğitimi : • PHP Eğitimi
► Codeigniter Eğitimi : • Codeigniter Eğitimi
Proje Eğitimleri;
► Asp.Net ile Okul Projesi: • Asp.Net ile Okul Projesi
► Firebase ToDo List Yapımı : • Firebase ToDo List Yapımı
► PHP Codeigniter ile Multi Session Yapımı : • PHP Codeigniter ile Mu...
► PHP Codeigniter Otel Rezervasyon Sistemi : • PHP Codeigniter Otel R...
► Like Dislike Yapımı : • Like Dislike Yapımı
► PHP Codeigniter ile Malzeme Uygulaması : • PHP Codeigniter ile Ma...
► Codeigniter ile AutoComplete Kullanarak Arama Motoru Yapmak : • Codeigniter ile AutoCo...
► PHP Çoklu Kategori Alt Kategori Yapımı : • PHP-PDO ile Sınırsız K...
► Codeigniter ile Çoklu dosya upload işlemi (Dropzone): • Codeigniter ile Çoklu ...
► PHP Codeigniter ile Pagination Yapımı : • PHP Codeigniter ile Pa...
► PHP ile Alışveriş Sepeti Yapımı : • PHP ile Alışveriş Sepe...
► PHP Mailer Kullanımı : • PHP Mailer Kullanımı
► Vue js ile Codeigniter Rest API servisine bağlanmak eğitimi : • Vue.js ile Codeigniter...
► Nasıl yapılır köşesi: • Nasıl Yapılır?
► Vue.js Soru Cevap : • Vue.js Soru Cevap
► Kullandığım teknoloji ile ilgili bilgiler : • Kullandığım Web Yazılı...
Sosyal medyadan takip edin :
● VideoSınıf : www.videosinif.com
● Yazılım Eğitim : www.yazilimegitim.net
● Kişisel Web Sayfam : www.gokhankandemir.com
● Facebook : / kablosuzkedi
● Twitter : / kablosuzkedi
● Instagram : / kablosuzkedi
● Instagram : / yazilimegitim
![Eminem - Houdini [Official Music Video]](http://i.ytimg.com/vi/22tVWwmTie8/mqdefault.jpg)
Kullandığım En İyi Visual Studio Code Eklentileri ve Teması (VSCode Extensions | Theme)
Uzun zamandan beri şu sorular geliyordu.
- Kullandığın VSCode teması nedir?
- Hangi eklentileri kullanıyorsun?
- Fontun nedir?
ve çok daha fazlası. İşte bu video içerisinde bu soruların cevabını buluyoruz. Kusura bakmayın sohbet etmeyi özlediğimden dolayı video biraz uzun oldu :)
TimeCodes:
00:00:00 Giriş
00:01:22 Better Comments
00:02:30 Bookmarks
00:04:53 Bracket Pair Colorizer
00:05:46 Docker
00:07:18 GitLens
00:08:36 HTML CSS Support
00:08:56 Import Cost
00:09:31 indent-rainbow
00:10:17 JavaScript (ES6) code Snippets
00:11:20 Live Sass Compiler
00:12:41 Live Server
00:13:42 Live Share
00:15:20 Markdown Preview Enhanced
00:16:43 Prettier
00:17:07 Quokka
00:20:24 Regex Previewer
00:20:48 Regex Snippets
00:22:44 REST Client
00:23:32 Vetur
00:23:58 vscode-icons
00:24:28 Cobalt2 Teması
00:25:05 Night Owl
00:25:38 Font Ligatures | Editor Settings | System Settings
00:29:29 OhMyZsh Ayarlamaları
00:31:04 Kapanış
FiraCode
github.com/tonsky/FiraCode
OhMyZsh
ohmyz.sh/
Ayrıcalıklardan yararlanmak için bu kanala katılın:
ruclips.net/channel/UCYT5QTr38bwp85Pka8YSVIgjoin
Kanal içerisinde bulabileceğiniz eğitimlerden bazıları;
1. PHP Programlama eğitimi
2. Codeigniter framework eğitimi
3. HTML ve CSS Eğitimi
4. JavaScript Eğitimi
5. JQuery Eğitimi
6. Vue js Eğitimi
7. Nuxt js Eğitimi
8. Node js Eğitimi
9. Express js Eğitimi
10. JavaScript Frameworkleri
11. MongoDB Eğitimi
12. MySQL Eğitimi
13. Docker Eğitimi
14. Go programlama Eğitimi
15. PHP ile proje Eğitimi
16. Codeigniter ile proje Eğitimi
17. Vue js ile proje Eğitimi
18. Nuxt js ile proje Eğitimi
19. Yeni web teknolojilerin tanıtımları
20. IDE kullanımları
gibi daha birçok eğitime ücretsiz olarak ulaşabilirsiniz.
Eğitimleri izlemek için Oynatma listelerine göz atmayı kesinlikle unutmayın!!!
Başlıca oynatma listeleri;
Eğitim Serileri;
► HTML Eğitimi : ruclips.net/p/PL_f2F0Oyaj4-Qro_C0ixzMWpCiogfXxKE
► CSS Eğitimi : ruclips.net/p/PL_f2F0Oyaj4-RyFL8mkfjYjEVCmJhWDQ3
► MySQL Eğitimi : ruclips.net/p/PL_f2F0Oyaj4-6vvPSJssG4Jp6UqCTmWSz
► JQuery Eğitimi: ruclips.net/p/PL_f2F0Oyaj4-Jt6F-dyl6LEHNVaudH3rk
► PHP Eğitimi : ruclips.net/p/PL_f2F0Oyaj4-K_h0rC656Why8nJPF_dIO
► Codeigniter Eğitimi : ruclips.net/p/PL_f2F0Oyaj4_xGyQlwgsd9gI1UgnTTHkC
Proje Eğitimleri;
► Asp.Net ile Okul Projesi: ruclips.net/p/PL_f2F0Oyaj49bsuq6iLrg1qyZtekSCgPW
► Firebase ToDo List Yapımı : ruclips.net/p/PL_f2F0Oyaj48rnkNZaHqnXiZrs4q7ogex
► PHP Codeigniter ile Multi Session Yapımı : ruclips.net/p/PL_f2F0Oyaj480n9rg6PEwk-6O4NJcneFh
► PHP Codeigniter Otel Rezervasyon Sistemi : ruclips.net/p/PL_f2F0Oyaj49nS8eZW1qQie6Zr4yRqDMF
► Like Dislike Yapımı : ruclips.net/p/PL_f2F0Oyaj4_yt6Hn5GfwL5L9U2wumlVs
► PHP Codeigniter ile Malzeme Uygulaması : ruclips.net/p/PL_f2F0Oyaj4_-tbmkqsQy3g0IGLSsxj5I
► Codeigniter ile AutoComplete Kullanarak Arama Motoru Yapmak : ruclips.net/p/PL_f2F0Oyaj48biHkjgecz0kpOVX_4TAUA
► PHP Çoklu Kategori Alt Kategori Yapımı : ruclips.net/p/PL_f2F0Oyaj49BJclmJzAV0v1drrtyTI6o
► Codeigniter ile Çoklu dosya upload işlemi (Dropzone): ruclips.net/p/PL_f2F0Oyaj49vg-z1L9O6vbs_tcuXToxp
► PHP Codeigniter ile Pagination Yapımı : ruclips.net/p/PL_f2F0Oyaj49mGpi6ZTw1TrtyZn8NWXzk
► PHP ile Alışveriş Sepeti Yapımı : ruclips.net/p/PL_f2F0Oyaj48lnRXG2U54imJsnZIuCUFy
► PHP Mailer Kullanımı : ruclips.net/p/PL_f2F0Oyaj49RrSAH4H-B8nulrzexAqAg
► Vue js ile Codeigniter Rest API servisine bağlanmak eğitimi : ruclips.net/p/PL_f2F0Oyaj48ufRtQ8EVo0spOEZPochfv
► Nasıl yapılır köşesi: ruclips.net/p/PL_f2F0Oyaj49gbyMnUfvVTWnZrjLrAvGv
► Vue.js Soru Cevap : ruclips.net/p/PL_f2F0Oyaj4880v6yGFFvO7LVRULRVpbw
► Kullandığım teknoloji ile ilgili bilgiler : ruclips.net/p/PL_f2F0Oyaj49z_k0k1_mOIikcNz8zEpT4
Sosyal medyadan takip edin :
● VideoSınıf : www.videosinif.com
● Yazılım Eğitim : www.yazilimegitim.net
● Kişisel Web Sayfam : www.gokhankandemir.com
● Facebook : facebook.com/kablosuzkedi
● Twitter : twitter.com/kablosuzkedi
● Instagram : instagram.com/kablosuzkedi/
● Instagram : instagram.com/yazilimegitim/
31 dakikalık videoda işime yarayabilecek tek şey sanırım tema olabilirdi, ki kullanmayacağım. Buna rağmen sonuna kadar izledim. Neden? Çünkü çiçek gibi bi anlatım şekli var.
çok iyi oldu :) atladığımız çok kolaylık varmış :) ellerine sağlık hocam
Teşekkür ederiz yine sıkılmadan eğlenerek izledik faydasını da gördük bir sonraki videonuzda görüşmek dileğiyle :))
Ne güzel bir içerik olmuş, çiçek gibi.
Bizde özledik canlı sohbetlerini :)
Gökhan hocam kralsın ya. Samimiyetine hayranım
Çok faydalı bir kaynak olmuş ellerinize sağlık.
02:42 Bunlar hep nargileden :) Abi eline saglık video super olmuş..
Harika bir video olmuş. Teşekkürler
- Fluent Icons (Dosya, klasör iconları değil, VSCode iconları için)
- GitHub Theme (Çok temiz görünüyor, minimal severler için)
- Nasc VSCode Touchbar (MacBook Touch Bar için)
Teşekkürler
12:34 Prototürk'e selamlar ✌🏻
yararlı bir video teşekkürler.
ilk fırsatta izleme çelınç saygılar sevgiler abim
Çiçek gibi video hocam
25:14 flaş bombası gözlere f
vscode-faker var, sürekli aklınızdan isim, soy isim, mail, adres, telefon vs falan bulmakla uğraşmamanız için. Ben nedense böyle isim mail falan uydurma konusunda çok düşündüğümden iyi geliyor bu eklenti :)
Emeğinize sağlık
Hemen fira fontla quokka'nın intellij sürümlerini yükledim teşekkürler :)
Çok teşekkürler
ElasticSearch ile ilgili bi video gelir mi abi? Son zamanlarda anlattığın hersey çok işime yaradı :))
Emin değilim :) listemde var ama onu söyleyeyim. Fakat yakın zamanda olur mu emin değilim
@@kablosuzkedi Elasticsearch cok guzel olurdu! Kubernets olsa, Docker swarm , Udemiye cekerseniz satin almaya haziriz!
teşekkürler :)
Videonuz için teşekkür ederim. Bir sorum olacak yanitlarsaniz sevinirim. {} parantezi yeni satırdan nasıl yazdirabilririz acaba?
Hocam python öğreniyorum ve çok yeniyim hangi eklentileri önerirsiniz?
Abi safak sayar gibi Kubernates bekliyoruz :DDDD
çiçek gibi
Merhaba hocam, .vue dosyalarında bootstrap intellisenselerini göremiyorum. ctrl+space yapınca gözükmesini istiyorum bunu nasıl yapabilirim?
Hocam şeyi nasıl yapıyorsunuz vue bootcamp de de kullanıyorsunuz alt alta olan satırların bazı kısımlarını seçiyorsunuz böyle uzun bir çizgi çıkıyor sonra o kopyaladığınızı diğer columndaki satırlara direk yapıştırıyorsunuz
draw.io eklentisi de güzel. draw.io'nun aynısını dosyalarınızda yapabiliyorsunuz.
çiçek gibi...
hocam JavaScript (ES6) code Snippets eklentisini indirdim ama renklendirme ve otomatik çıkartmıyor sebebi nedir
Kod yazarken Yukardan aşla uzun çizgiler varya adı ne bilmiyorum . Videoda intent dediniz sanırım . O çizgiler bende görünmüyor . Nerden açılıyor acaba ? Şu renk renk olan dik renklerim arasındaki çizgiler ?
Merhaba bir şey sorabilir miyim? Ben VS Code üzerinden HTML öğrenmeye başladım ancak F5 tuşum chrome bağlantısını açmıyor launch.json vs diyor. Bunu nasıl çözebilirim?
Hocam güzünüzü seveyim yardımcı olun. Better Comment python dosyasında çalışmıyor / pythonda ifade ettği için çalışmıyor default // nasıl değiştirebilirim?
merhaba meb hattında vsCode un paket vs indirebilmesi için bir sertifika yüklememiz gerekiyor. Daha önce yüklemiştim ama şu an nasıl olduğunu hatırlamıyorum. Bilen var mı
abi arka planı saydam yaptımda geri eski haline getiremiyorum nasıl geri mat yaparım
abi en soldaki extension yeri felan varya orayı kaybettim geri nasıl getirebilrim ?
Abi arkaplanda çalan müzigin ismi nedir çok hoşuma gitti
Hocam selamlar, gözlüklerinizi nereden aldiniz barner glasses gibi geldi bana o mu?
Evet buradan aldim :) Oldukça uyguna geldi tanıdık olduğu için :)
Hocam merhaba. Ben eklentiyi yukluyorum pythonda ama kullanamiyorum
0:51 Videoyuda bitireğiz çok uzun video olmasını zaten beklemiyorum.
Video : 31dk :D
ahahahah :D
@@kablosuzkedi :D
hocam kod yazarken otomatik tamamlamasını sağlayan plugin hangisi mesela ForceMode yazarken hiçbir öneri göstermiyor. Ama hangi plugin 'i kullanmam gerekiyor ki yazmaya başladığımda önerileri ve ne işe yaradıklarını göremiyorum. Yardımcı olabilir misiniz?
Github copilot var
Prettier ve Eslint eğitimi gelse fena olmaz aslında. Bunlarda çok sıkıntı yaşıyorum.
arkadaşlar 5:34 de o iç içe parantezleri hangi kısa yolla düzeltiyor?
harbi ya nasıl ?
abi kimse ftp kullanmıyor mu? hiçbir yerde simple-ftp gibi eklenti görmedim. ben yazdığım kodu anında kendi server'ıma atıp canlı canlı görmek istiyorum mesela.
Eklentilerin ismini de aciklamaya ekleseydin isabetli olurdu.
Preview
15:00 sen kapat, hayır sen kapat gibi olmuş 😊
Bearded theme
github.com/shanalikhan/code-settings-sync -> VS Code'daki özelleştirmelerinizin tamamını kayıt edip, sonra tekrar geri getirmenizi sağlayan eklenti.
çok iyiymiş teşekkürler
vs code'nin zaten kendisinde var eklentiye gerek duymuyor
O zımbırtıyı nasıl ayarlacağım
Tabnine incelenebilir
Phpstorm mu ? Vs Code mu daha kullanışlı Php için
Bence PHPStorm :)
Tabii ki de PHPStorm
Bütün kod blokların aç kapat hangi kısayol
Abi merhaba ben Ctrl+silme tuşunun solundaki tuşa bastım ekran çok küçüldü geri buyutemiyorum yazılar okunamicak kadar küçük oldu nasıl düzeltebilirim lütfen söyle daha yeni başlamıştım soğudum:/
Ctrl ile + yapsana :))
Hatta ilk olarak ctrl ile 0
@@kablosuzkedi abi yaptım olmadı tekrar denicem şimdi güncelleniyor bilgisayar.
@@kablosuzkedi abi sana ulasabilecegim Instagram hesabı varsa fotosunu atayım.
O zımbırtıyı ayarlayamadım
Electro da widevine nasıl etklinleştirilir abi yardım eder misin ?
sorularını telegram üzerinden sorarsan yardım eden birileri olur diye aratırsan çıkar
@@aliguzel4688 @kablosuz kedi harici bir sonuç çıkmıyor
tyristanaya selam
Hocam imleciniz büyüyüp küçülüyor onu nasıl yapabilirim ?
Selam videoda ayrıntılı şekilde onu yapmayı gösteriyor . Ön bölümlere bakarsan şöyle bir bölüm var:Editing settings var o bölümde gösteriyor . Teşekkürler🙂
gözlerini kör eden uygulamayı silmeyip disable bırakmak nasıl bir vazgeçememektir ya :D
image preview var birde, linkin üzerine gelince resmi gösteriyor.
Belki arada kullanabilirim diye :D
Hocanın WhatsApp grubu için ulaşabilecek var mı
abi f5 e basınca n
bookmarks phpstorm da varsayilan olarak varç ek olarak plugin ihtiyac yox
Tabi ki vardır olmalıdır da çünkü o bir IDE. VSCode text editör :)
@@kablosuzkedi ben yorum olsun diye yaziyorum
@@kablosuzkedi Web Push Notification Nedir -da yorum yapacagim
Error Lens mükemmel bir hata gösterici.
Path intellisense
Codesnap
Yav prototürk de su videoyu çekse
Bana yardımcı olurmusunuz
Hocam COVID-19 testi yaptırmanda fayda var
Teşekkür ederim Dostum :) ama hayir Nargileyi birakmam lazim :)) Biraz ailecek üşütmüştük videoyu çekerken ondan dolayi öksüre öksüre bir hal oldum :) Köyde yaşıyoruz insan gördüğümüz yok :)
@@kablosuzkedi Geçmiş olsun dikkat edin 👍
@@marketorous Hepimiz dikkat edelim dostumm :)
@@kablosuzkedi Ben her gün içinde olduğumdan sıkıntı yok o bize biz ona alıştık diyelim :)
arkadaş ne ya
21:22 :SD:ASD:A s
bir sorun olur aarsın bir sürü video çöplüğü çıkar hepside bir birinin aynısı hepside eklenti tanıtımı eklenti reklamcıları sanki kimse anlatığı şeyin nasıl çalıştığına en ufak bilgisi bile olmadan çok bilmiş gibi anlatır kopyacılar ülkesi
VS Code en iyi tema yine kendi koyu teması bence diğer hepsi göz yoruyor
O zımbırtıyı ayarlayamadım