Visual Studio Kodu Bunu Yapabilir mi?

Yaklaşık iki yıl önce isteksizce Visual Studio Code'u (VS Code) ilk kez açtım. Bunu yapmamın tek nedeni, bir TypeScript projesi üzerinde çalışıyor olmamdı (aynı zamanda oldukça isteksizce) ve editör, derleyici ve bir TypeScript projesini çalıştırmak için ihtiyaç duyduğum tüm ayarlarla mücadele etmekten yoruldum. Birisi bana TypeScript'in VS Kodunda "sadece çalıştığını" söyledi ve bunların doğru olduğunu bulmak beni çok şaşırttı.

Gerçi bunu bekliyordum. VS Kodu Microsoft'tandır, bu nedenle TypeScript'in çalışması tamamen beklenir. Beklemediğim şey, VS Kodunda yapmam gereken hemen hemen her şeyin “sadece işe yaraması”ydı. Ve her şeyi kastediyorum. Bu makale öncelikle JavaScript geliştiricilerinin yanı sıra web özelliklerine odaklanırken, VS Code'un Go, Python, Java ve Ruby ile entegrasyonları vardır - bunlardan sadece birkaçı.

Önümüzdeki birkaç ay içinde, VS Code'da dikkate değer bulduğum şeyleri keşfetmeye başladım. Resmi olarak VS Koduna geçiş yaptım ve o zamandan beri geriye bakmadım. Aylar boyunca, VS Code için en sevdiğim ipuçlarının, püf noktalarının ve uzantıların bir listesini derliyorum ve bu, sizde benim sahip olduğum tepkiyle aynı tepkiyi bırakabilir ve almaya devam edebilir: “VS Code bunu yapabilir mi?!”

Etkileşimli Oyun Alanı

VS Kodunun içini ve dışını öğrenmenin en iyi yollarından biri İnteraktif Oyun Alanından geçmektir.

Bu, birden çok imleç, bölünmüş bölmeler ve klavye kısayolları gibi yaygın klavye kısayollarını ve kavramlarını inceleyen özel bir sayfadır. Örneklerin her biri etkileşimlidir, böylece öğreticileri doğrudan eğitimlerin içinde uygulayabilirsiniz.

Etkileşimli Eğitim, editör ilk açıldığında "Hoş Geldiniz" sayfasındadır:

Pek çok kişi (ben dahil) onu tamamen gözden kaçırıyor çünkü "ekranın" altında ve sayfanın en altına doğru. Ayrıca, karşılama ekranlarını kim okur?

Not : Ctrl/Cmd + Shift + P VS Code komut paletini açıp “Etkileşimli Oyun Alanı”nı seçerek istediğiniz zaman Etkileşimli Eğitime geri dönebilirsiniz.

Artık temel bilgilere hakim olduğunuza göre, yazacağınız kod kadar güzel bir yazı tipine ihtiyacınız olacak. Bunun için FiraCode ve Font Ligatürlerinden başka bir yere bakmayın.

Yazı Tipi Bitişik Harfler

Yazı Tipi Bitişik Harfleri, birden fazla karakterden oluşan sembolleri temsil etmek için kullanılan özel karakterler içeren yazı tipleridir. Programlamada bunlardan çok var. Bunlar <= , >= , == ve === gibi karakterler olacaktır.

FiraCode, VS Code için hoş bir yazı tipi bitişiğidir. Öncelikle GitHub'dan FiraCode yazı tipini indirin ve makine yazı tiplerinize ekleyin. Ardından, Kullanıcı Tercihleri ​​dosyanıza Ctrl/Cmd + , aşağıdaki satırları ekleyin.

 "editor.fontFamily": "Fira Code", "editor.fontLigatures": true 

Farkı görmek için yukarıda listelediğim özel karakterlerden birkaçını deneyin. Yazı Tipi Bitişik Harfleri, normalde beklemeyeceğiniz yerlerde görünür. www ve && gibi yerler. Devam edin, bir deneyin ve ne keşfettiğinizi görün!

Artık güzel bir yazı tipi birleşimine ve bazı hoş yeni sembollere sahip olduğunuza göre, bir Klavye Eşlemesi yükleyerek yıllar boyunca önceki editörlerde oluşturduğunuz kas hafızasından yararlanmanın zamanı geldi.

Klavye Eşlemeleri

VS Code'a geçmekte tereddüt etmemin bir kısmı, Sublime Text'in klavye kısayollarını öğrenmek için bir miktar hayal kırıklığı ve çaba harcamamdı. Ayrıca klavye becerimle biraz gurur duyuyordum ve bundan vazgeçmeye hiç hazır değildim.

Neyse ki, zorunda değildim.

VS Kodunda Keymaps adında bir şey vardır. Bunlar, tüm kısayollarını (neredeyse tümü) diğer düzenleyicilerle eşleyen uzantılardır. Sublime, Atom, Emacs ve hatta Eclipse dahil tüm popüler editörler için tuş haritaları var!

Bir Tuş Haritası yüklemek için Ctrl/Cmd + K → Ctrl/ Cmd + X tuşlarına basarak uzantı arama çubuğunu açın. Ardından “keymap” arayın.

O zamandan beri Sublime Keymap'i kaldırdığımı not etmeliyim. Yeterince kullandıktan sonra, kutudan çıktıklarında beynimi VS Kodu kısayollarıyla çalışacak şekilde yeniden bağlayabildim. Anahtar haritaları eğitim çarkları olarak düşünün: Yeni başladığınızda iyi bir fikirdir, ancak bir noktada muhtemelen onları çıkarmak istersiniz.

Şimdi benim gibiyseniz, birden fazla bilgisayarınız var ve projeye ve güne göre farklı yerlerde düzenleme yapabilirsiniz. VS Kodu kurulumumuzda zaten bir sürü değişiklik yaptık ve daha fazlasını yapacağız. VS Code kullandığımız her yerde bu konfigürasyonu tekrarlamak istemiyoruz. İşte burada Ayarlar Senkronizasyonu uzantısı devreye girer.

Ayarlar Senkronizasyonu

Settings Sync uzantısıyla, tüm VS Code ayarlarınızı bir Gist'e aktarabilir ve ardından hepsini başka bir VS Code kurulumundan aşağı çekebilir ve hemen uygulanmasını sağlayabilirsiniz.

Bu, yapılandırmanızı iş arkadaşlarınızla paylaşmanın da iyi bir yoludur. Onlara kimliğinizi Gist'inize göndermeniz yeterlidir, tüm ayarlarınızı kendi kurulumlarıyla senkronize edebilirler. Bazı mağazalar merkezi bir öz tutar ve ekibe yeni katılan tüm geliştiriciler tek bir basit komutla tam yapılandırmayı elde edebilir. İşte verimlilik!

Ve üretkenlikten bahsetmişken, doğrudan web geliştiricileri için en sevdiğim üretkenlik araçlarından birine geçelim: Emmet.

Emmet

Emmet, bir süredir var olan biçimlendirme ve CSS için popüler bir genişletme aracıdır. Bununla birlikte, neredeyse her gün bunu duymamış veya geliştirme konusunda yeni olan ve bunu yeni öğrenen insanlarla tanışıyorum. Bu iyi! Hepimiz farklı zamanlarda farklı şeyler öğreniyoruz.

Emmet, VS Code'a dönüştürülür, bu nedenle onu çalıştırmak için ekstra çaba gerekmez. Emmet söz diziminizi bir HTML veya CSS dosyasına yazmaya başlayın ve gerisini düzenleyiciye bırakın. Varsayılan olarak VS Code, yaklaşmakta olan Emmet genişlemesinin bir önizlemesini bile gösterecektir.

Emmet ile kullanmak için düzgün bir hile, bir klavye kısayolunu ( Ctrl/Cmd + K → Ctr/Cmd + S klavye eşlemelerini açar) “Tek Tek Satırları Kısaltmayla Kaydır” komutuna eşlemektir. Bu, Textmate'in eski "Seçimi Bağlantı Olarak Kaydır"a benzer, ancak daha karmaşık bir genişletme ile birden çok satırı aynı anda sarmalama avantajına sahiptir.

Emmet ayrıca markdown, JSX ve .vue dosyalarında da kullanılabilir. Bunları etkinleştirmek için Kullanıcı Tercihleri ​​dosyanıza doğru dil eşlemesini ekleyin Ctrl/Cmd + , .

 "emmet.includeLanguages": { "javascript": "javascriptreact", "markdown": "html" },

JSX durumunda, Emmet, genişleme içinde sınıf yerine className kullanacak kadar akıllıdır.

Emmet'in benim için yeni olan bir başka güzel özelliği de, Emmet'in sadece src içinde bağlantılı görüntü dosyasına bakarak görüntü genişliğini ve yüksekliğini otomatik olarak sağlamasıdır. Bu, HTML ve CSS'de çalışır. Ayrıca hem projede yerel olarak barındırılan resimlerle hem de diğer URL'lerdeki resimlerle çalışır. Bu özelliği kullanmak için imlecinizi resim etiketinizin üzerine getirin, Ctrl/Cmd + Shift + P komut paletini açın ve "Görüntü Boyutunu Güncelle"yi seçin. Büyü!

Emmet'in ne olduğuna ve onu VS Kodunda kullanmanın tüm farklı yollarına daha derin bir dalış için bu CSS Püf Noktaları makalesine göz atın.

Emmet, biçimlendirme ve CSS'de üretkenlikle ilgilenirken, VS Code'un kendisi, intellisense biçiminde kod tamamlama sağlar; ve beklemeyeceğiniz yerlerde çalışır.

JSON Dosyalarında Intellisense

Intellisense, oldukça iyi bilinen bir düzenleyici özelliğidir, ancak öncelikle yalnızca kod dosyalarının içinde düşünülür. VS Code, intellisense'in klasik tanımını genişletir ve onu JSON dosyalarına da ekler. Kullanıcı Tercihleri ​​dosyanıza herhangi bir ayar eklerseniz bunu göreceksiniz. VS Code, package.json dosyaları için de intellisense sağlar. Daha da etkileyici olanı, package.json içindeki npm paketlerine intellisense sağlamasıdır. Belirli bir pakete ihtiyacınız var ve sürümü hatırlamıyor musunuz? Sorun yok! VS Kodu, npm'ye bakacak ve intellisense'deki en son sürümü döndürecektir.

Bazı insanlar package.json dosyalarını elle düzenlemediklerini belirttiler. Ancak, zaman zaman garip bir nedenden dolayı kendimi bunu yaparken buluyorum ve paket versiyonuna bakmak benim için her zaman büyük bir acıydı. Şimdi bana sadece VS Kodu tarafından sağlandı. Tahmin etmem gereken bir şey daha az.

Intellisense ile bile, bu JavaScript'tir, bu yüzden süper cesur olmadıkça (veya acı çekmeye bağımlı olmadıkça), bir linter'e ihtiyacımız olacak. VS Code, ESLint uzantısı aracılığıyla harika bir ESLint entegrasyonuna sahiptir, ancak başka seçenekler de vardır ve yazılmamış JavaScript'inizi kontrol etmeyi içerir.

JavaScript'inizi Kontrol Edin

Size daha önce bahsettiğim harika TypeScript entegrasyonunu hatırlıyor musunuz? Az bilinen numaralardan biri, düz JavaScript dosyalarını da kontrol etmek için TypeScript derleyicisini kullanabilmenizdir. Bunu, herhangi bir JavaScript dosyasının üstüne bir //@ts-check ekleyerek yaparsınız ve dosya üzerinde hemen TypeScript hatası denetimi alırsınız.

Bu satırı her dosyaya eklemek istemezsiniz, bu nedenle, aşağıdaki satırı Kullanıcı Tercihleri ​​dosyanıza Ctrl/Cmd + , ekleyerek projenizdeki her JavaScript dosyasını kontrol etmek için TypeScript kullanabilirsiniz.

 "javascript.implicitProjectConfig.checkJs": true

TypeScript'in belirli kontrol özelliklerini kontrol etmek istiyorsanız, projenize bir .tsconfig dosyası bırakmanız yeterlidir. TypeScript VS Code'da "sadece çalışır" dediğimde, o kadar iyi çalışıyor ki geliştirici için neredeyse sorunsuz.

Artık kod astarına ve hatta ihtiyacınız olduğunda tip denetimine sahip olduğunuza göre, VS Code'un Prettier kullanarak bu can sıkıcı biçimlendirme sorunlarını halletmesine izin vermenin zamanı geldi.

daha güzel

Prettier harika bir açık kaynak kod biçimlendirme aracıdır. Kodlama stillerinin projeler ve geliştiriciler arasında evrensel olduğundan emin olmak için ekipler (ve bireyler) tarafından yaygın olarak kullanılır. Kodun hangi sütuna kaydırılacağı, vaatlerin nasıl biçimlendirileceği ve tek veya çift tırnak kullanılıp kullanılmayacağı gibi bazı tanımlanmış standartlara uyması için kodunuzu otomatik olarak yeniden biçimlendirir.

Prettier, Prettier Uzantısı ile VS Kodunda etkinleştirilir. Yüklemek için Uzantılar panelini Ctrl/Cmd + K → Ctrl/Cmd + X açın ve "daha güzel" ifadesini arayın.

Kurulduktan sonra, Prettier'in nasıl biçimlendirileceğini bildiği herhangi bir dosya için görev çubuğunda Prettier'i göreceksiniz. "Belgeyi Biçimlendir" komutunu kullanarak dosyada Prettier'i çağırabilirsiniz: Alt/Option + Shift + F .

Buradaki (ve yukarıdaki videoda gösterilen) düzgün bir numara, VS Code'u kaydetme sırasında otomatik biçimlendirmeye ayarlamaktır. Bu, dosya her kaydedildiğinde Prettier'i çağırır. Bu işlevi elde etmek için Kullanıcı Tercihleri ​​dosyanıza ( Ctrl/Cmd ) aşağıdaki ayarları ekleyin.

 "editor.formatOnSave": true

Daha güzel ayarlar, Kullanıcı Tercihleri ​​dosyasından da değiştirilebilir. Prettier'in ayarlar için ESLint yapılandırmanızı kullanmasını istiyorsanız, "eslintIntegration" ayarını belirtmeniz yeterlidir.

 "prettier.singleQuote": true, "prettier.eslintIntegration": true, "prettier.tabWidth": 2

Kodunuzun şimdi ne kadar güzel olduğuna bakın! Güzel. Editörünüzden bir daha asla ayrılmak istemeyeceksiniz. VS Code'daki terminal seçenekleri sayesinde, buna hiç gerek kalmayabilir!

Terminal Erişimi

Yukarıdaki videodan VS Code'un entegre bir terminali olduğunu fark etmiş olabilirsiniz. Ctrl + , tuşlarına basarak başlatabilirsiniz. Birden fazla terminal oturumu açılabilir ve terminal penceresinin sağ üst köşesindeki açılır listede görünecektir.

Mac'teki yerleşik terminalde alışkanlığımı kırmakta zorlandım. Harici terminali, Ctrl/Cmd + Shift + C klavye kısayolunu kullanarak şu anda görüntülemekte olduğunuz dosyanın tam konumunda VS Code'dan istediğiniz zaman açabilirsiniz.

Aptal terminal hileleri bir yana, bir geliştiricinin üretkenliğini artırmak için yapabileceği en önemli şeylerden biri, diğer geliştiricilerle işbirliği yapmaktır. Bunu her zaman yapıyoruz. Bazılarımız yan yana oturacak kadar şanslı. Bazılarımız bunu Skype üzerinden yapıyor. Programı nasıl eşleştirdiğiniz önemli değil, VS Code, işbirliği yapma şeklinizi muhtemelen değiştirecek bir özellik ekledi.

Canlı Paylaşım

VS Code Live Share geçen hafta Microsoft Connect'te duyuruldu. Birden fazla geliştiricinin bir projede anında eşleşmesine olanak tanır. Kodu bir depoda kontrol etmek veya bir ekran paylaşım aracını başlatmak gerekli değildir. Diğer geliştiriciler, projenizi hemen editörlerine yükleyebilir ve imlecinizi, uçlarında herhangi bir yapılandırmaya gerek kalmadan gerçek zamanlı olarak görebilir.

Bu aynı zamanda hata ayıklama için de çalışır. Bir hata ayıklama oturumu başlatırsanız, diğer kişi, düzenleyicisinin içinde aynı tam hata ayıklama deneyimine sahip olur. Hatta kodun içine, dışına ve üzerinden geçerek hata ayıklama sürecini kontrol edebilirler. Diğer kişi kodunuzu değiştirirse, editörünüzde de değişir. Bunu eylemde görene kadar kafanızı sarmak gerçekten zor. Bu kısa demoyu izlemenizi şiddetle tavsiye ederim. Böyle bir özelliği olmayan geliştiriciler olarak bunu nasıl bu kadar uzun süre yapabildiğimizden hala emin değilim.

Bu yazının yazıldığı sırada, VS Code Live paylaşımı önizleme aşamasındadır, ancak siz bunu okuduğunuzda büyük olasılıkla genel kullanıma açık olacaktır. Aslında, zaten kullanıyor olabilirsiniz!

Artık iş arkadaşlarınız tüm hatalarınızı başarıyla düzelttiğine göre (işbirliği için yaşasın!), GitHub'da hepsini kontrol etme zamanı. VS Code'un en sevdiğim özelliklerinden biri Git entegrasyonunun o kadar iyi olması ki Github'ı bile kullanabiliyorum.

Git Entegrasyonu

Ben de kara kutu olduğu için terminalde Git ile zorlanıyorum. Yalnızca uçbirim becerileriniz ve size yardımcı olacak Git CLI bilginizle editörünüzün dışına kör olarak uçuyorsunuz. Bu, bazı insanlar için yeterli olabilir, ancak VS Code ile sağlanan görsel Git entegrasyonuna büyük ölçüde güvenmeye başladım.

VS Code, projenizdeki herhangi bir Git yapılandırmasını otomatik olarak alır. Sadece Git seçeneklerine ayrılmış tam bir sekme var. VS Code, bir dizi başka seçeneğin yanı sıra eklemeyi, işlemeyi ve itmeyi, dallara ayırmayı, saklamayı ve patlatmayı destekler. Git sekmesindeki dosyaları görüntülerken, orijinal ve fark arasında yan yana bir karşılaştırma elde edersiniz. Ayrıca artık diff'leri bir kod dosyasında doğrudan satır içi olarak görüntüleyebilir ve hatta oradan da geri dönebilirsiniz.

Şimdiye kadar, ağırlıklı olarak metin düzenlemenin kendisine odaklandık, ancak VS Code, çok daha ağır kaldırma işlemleri için son derece uygundur; normalde bir metin düzenleyiciden değil, Entegre Geliştirme Ortamından (IDE) beklediğimiz türden şeyler. İşte favorilerimden bazıları.

Sıfır Yapılandırma Node.js Çalıştırma ve Hata Ayıklama

VS Kodu, herhangi bir uzantı veya yapılandırma olmadan herhangi bir JavaScript koduna bir hata ayıklayıcı çalıştırır ve ekler. Basitçe F5 tuşuna basın ve açılır listeden “Düğüm” öğesini seçin. Ayrıca Ctrl/Cmd + Shift + D hata ayıklama sekmesine geçebilir ve üstteki yeşil ok düğmesini tıklayabilirsiniz. Bu, uygulamanızı başlatacak ve tam özellikli bir hata ayıklama deneyimi sağlayan hata ayıklayıcıyı ekleyecektir.

Sütun Kesme Noktaları

VS Kodu ayrıca satır içi veya sütun kesme noktalarını da destekler. Bu, bir kod satırının ortasına bir kesme noktası belirlediğiniz zamandır. Bu, özellikle söz zincirlerinde ve bir satırda birden çok işlev yaptığınız diğer yerlerde hata ayıklamak için kullanışlıdır.

Hata ayıklama oturumu sırasında sağ tıklayın ve "Sütun Kesme Noktası Ekle"yi seçin.

Docker Oluşturun, Çalıştırın, Hata Ayıklayın ve Dağıtın

Microsoft, VS Code için neredeyse tüm Docker eylemlerinizi VS Code'da gerçekleştirmenize olanak tanıyan bir Docker uzantısı sağlar. Aslında, VS Code, seçtiğiniz çalışma zamanına ve proje yapınıza bağlı olarak projeniz için gerekli Docker dosyalarını (olabildiğince iyi) otomatik olarak oluşturur. Basit Node.js uygulamaları için bu, sıfır yapılandırmalı bir Docker kurulumu anlamına gelir.

Bu örnekte, bir Express uygulaması alıyorum ve tüm Docker ve Docker oluşturma dosyalarını oluşturmak için VS Code kullanıyorum. VS Kodu ayrıca uygun hata ayıklama yapılandırmasını oluşturur, böylece görüntüyü çalıştırdıktan sonra VS Kodu hata ayıklayıcısını ekleyebilirim ve her şey çalışır. Uzantı, görüntünüzün Docker Hub veya Azure Container Registry'de yayımlanmasını da sağlar.

Bileşik Başlatma Yapılandırmaları

Webpack gibi oluşturma araçları, uygulama oluşturma şeklimizi tamamen değiştirirken, daha önce var olmayan yeni geliştirme zorluklarını da beraberinde getirdi. Webpack, "sıcak yeniden yüklemeler" sağlamak için kendi bellek içi geliştirme sunucusunu kullanır, ancak üretime geçtiğinizde Webpack denklemin dışında kalır ve sunucunuz devralır.

Temel olarak, artık geliştirme aşamasında iki ayrı proje ve üretimde bir proje olarak yürütülmesi gerekiyor. Bu, tarayıcıdaki ön uç uygulamalarda genellikle Chrome DevTools ve metin düzenleyicimizdeki sunucu bölümü ile hata ayıkladığımız anlamına gelir.

VS Code, birden çok işlemi başlatma ve her ikisine de tek bir başlatma komutundan hata ayıklayıcılar ekleme yeteneğine sahiptir. Bu, ön uç JavaScript kodunda ve sunucu tarafı Node.js kodunda doğrudan VS Kodundan hata ayıklamanın mümkün olduğu anlamına gelir.

Buna "Bileşik Başlatma Yapılandırması" denir. Yukarıdaki videoda, arka uç için Express/Cosmos DB ve ön uç için React kullanan bir uygulamada hata ayıklamak için aşağıdaki kodu kullanıyorum.

 { "compounds": [ { "name": "Launch Browser/Server", "configurations": ["Launch Browser", "Launch Server"] } ], "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Browser", "url": "https://localhost:3000", "webRoot": "${workspaceRoot}/src" }, { "type": "node", "request": "launch", "name": "Launch Server", "program": "${workspaceRoot}/server/server.js" } ] }

Bunun için Chrome Hata Ayıklayıcı Uzantısının yüklenmesi gerektiğini unutmayın. MongoDB Yönetimi

MongoDB Yönetimi

VS Code, Cosmos DB Uzantısını kullanarak herhangi bir MongoDB veya Cosmos DB veritabanını (yerel veya uzak) görsel olarak yönetmenize ve sorgulamanıza yardımcı olabilir.

Cosmos DB uzantısı, Azure'daki mevcut tüm Cosmos DB örneklerine bağlanır, ancak aynı zamanda bir mongodb:// URL'si ile erişilebilen herhangi bir MongoDB örneğine de bağlanır.

Kenar çubuğunda veritabanları ve koleksiyonlar oluşturabilir ve bırakabilir, ayrıca sorgularınızı test etmek için MongoDB Karalama Defterleri oluşturup bunlarla çalışabilirsiniz. VS Code, Mongo Scrapbooks'taki koleksiyonlara ve MongoDB API'sine tam zeka sağlar. Hatta sorgunuzun sonucunu sonuçlar bölmesinde değiştirebilirsiniz ve değişiklikler veritabanına geri döndürülür.

Uygulamaları Dağıtma

VS Kodu için başka bir düzgün uzantı, Azure AppService uzantısıdır. Uygulamalarınızı buluta dağıtmak istiyorsanız, bunu düzenleyiciden hiç ayrılmadan yapabilirsiniz.

Microsoft, yeni siteler oluşturmanıza, mevcut siteleri yönetmenize ve kodunuzu sağ tıklamayla veya kodunuzu doğru Git'te kontrol etme sürecini otomatikleştiren önceden oluşturulmuş bir kabuk komut dosyasıyla dağıtmanıza olanak tanıyan VS Kodu için AppService Araçları adlı bir uzantı sağlar. Sürekli teslimatı ayarlamak için uç nokta.

Evet, VS Kodu Bunu Yapabilir

Şimdiye kadar muhtemelen VS Code'un yapamayacağı hiçbir şey olmadığı temasını yakalamışsınızdır. Belirli bir işlevsellik istiyorsanız, büyük olasılıkla ya düzenleyici bunu zaten destekliyor (Git entegrasyonuna dokunmadık bile) ya da özel kullanım durumunuz ne olursa olsun birisi bir uzantı oluşturmuş olabilir. Bu, Markdown'ı Reveal.js sunumlarına dönüştürmek olsa bile!

Ek kaynaklar

• “VS Code Insider Build,” Visual Studio Code, Microsoft
• “VS Code Harika Listesi,” Valerii Iatsko, GitHub
• “VS Kodu İpuçları ve Püf Noktaları,” Valerii Iatsko, GitHub