Visual Studio 2022 17.6 ile TypeScript, Angular, React ve Vue.js deneyimleri gelişiyor

Katılım
28 Ocak 2020
Mesajlar
19.421
Makaleler
52
Çözümler
460
Visual Studio 2022, sürüm 17.6 ile birlikte TypeScript, Angular, React ve Vue.js deneyimleri gelişiyor.
Visual Studio 2022, Visual Studio Code'a gerek duymadan her şeyi içinde barındırmayı hedefliyor gibi gözüküyor.

1682716708412.png


Visual Studio geliştirici ekibinden Jiayan Chen, TypeScript, Angular, React ve Vue.js deneyimleri gelişimi hakkında bazı yorumları;

JavaScript ve TypeScript Proje Türü

Visual Studio 2022'de, JavaScript ve TypeScript için .esproj proje dosyası uzantısıyla ayrı bir proje türü oluşturduk. Diğer proje türlerinden JavaScript ve TypeScript varlıklarınız varsa bağımsız JavaScript ve TypeScript proje türümüzü kullanmayı düşünebilirsiniz. Size aşağıdaki avantajları sağlar:
  1. JavaScript ve TypeScript projelerine MSBuild aracılığıyla başvurma desteği ekledik, yani artık bunlara ASP.NET projelerden de başvurabilirsiniz.
  2. Npm paket yönetimi, bağımlılıklarınızı yönetmenize yardımcı olmak için kullanılabilir ve daha sonraki bir bölümde ayrıntılı olarak ele alınacaktır.
  3. React, Angular ve Vue gibi modern JavaScript çerçeveleri desteklenir ve yeni proje oluşturma sırasıyla her CLI'nın en son yerel olarak yüklenen sürümüne dayanacaktır.
  4. VS Code ve launch.json ve package.json gibi standart JavaScript uygulamalarıyla uyumluluk. Ayrıca daha sonraki bir bölümde ayrıntılı olarak tartışılacaktır.
1682716789425.png

Proje Şablonları

Visual Studio 2022 sürüm 17.5'te, ASP.NET Web arka uçlarıyla birlikte React, Angular ve Vue için yeni, birleştirilmiş şablonlar oluşturduk. Bu birleştirilmiş şablonları kullanarak artık JavaScript veya TypeScript ön uç projesi ve ASP.NET Web API arka uç projesi ile birden çok projeli bir çözüm oluşturabilirsiniz. Bu, geliştirme sürecini daha kullanıcı dostu hale getirmeye yönelik bir adımdır. Bu güncellemeden önce, geliştiricilerin düzgün bir şekilde ayarlanması zor olan ön uç ve arka uç proje türleri için ayrı şablonlar kullanmaları gerekiyordu. Bu yeni güncelleştirmeyle, birleştirilmiş projeleri oluşturduktan sonra daha fazla yapılandırma eklemeniz gerekmez – kutudan çıkar çıkmaz birbirleriyle çalışırlar ve F5'e ilk basışınızda işlerin sorunsuz çalışmasını sağlamada size bir destek sağlarlar. Bu, ön uç ve arka ucu tamamen ayırarak mevcut .NET React ve Angular tek proje şablonlarını geliştirir, böylece ayrı ayrı oluşturulabilir, test edilebilir ve dağıtılabilir.


1682716850276.png

Kod Düzenleme Deneyimi

Visual Studio 2022 sürüm 17.6'da, JavaScript ve TypeScript kod düzenleme deneyimini yeniledik ve sözdizimi vurgulama da dahil olmak üzere VS Code'dan Visual Studio'ya en sevdiğiniz kod düzenleme özelliklerinden bazılarını getirdik! Kod lensi artık JavaScript ve TypeScript dosyalarında da kullanılabilir, böylece projeniz boyunca kod öğelerinize yapılan başvuruları kolayca bulabilirsiniz. Daha fazla bilgi için bu blog gönderisine bakın.

Eski hali:

1682716899577.png


Yeni hali:


1682716913032.png


Bağımlılık Yönetimi

Visual Studio'da npm bağımlılık yönetimi deneyimini etkileşimli bir kullanıcı arabirimi kullanarak etkinleştirdik. Bağımlılık yönetimi, modern JavaScript çerçeveleri için önemli bir görevdir ve npm, JavaScript için en popüler bağımlılık yönetimi aracıdır. Açıklama ve sürüm bilgileri kullanılabilir olarak yüklemek istediğiniz paketleri aramak ve seçmek için bir iletişim kutusuyla npm'yi Visual Studio'ya getirdik. CLI tabanlı yaklaşıma kıyasla daha zengin ve daha üretken bir deneyimdir, çünkü tam olarak ne yüklemek istediğinizi bilirsiniz. Ayrıca, daha yeni sürümler yüklenebilir olduğunda da istemleri göreceksiniz.

1682716956563.png

VS Code Hata Ayıklama ile uyumluluk

VS Code ile uyumluluk taahhüdümüzün bir parçası olarak, VS Code için başlatma yapılandırma ayarları dosyası olan launch.json desteğini genişlettik. Artık bu iki platform arasındaki tüm hata ayıklama yapılandırmalarınızı koruyabilirsiniz. Ayrıca, Visual Studio'nun yeni proje iletişim kutusu tarafından oluşturulan projeler VS Code'da sürtünme olmadan açılabilir. Ayrıca, farklı JavaScript çerçevesi CLI'ları tarafından oluşturulan projeleri ve VS Code'da çalışacak şekilde yapılandırılmış projeleri, JavaScript Proje Sistemi'ni kullanarak Visual Studio'nun Çözüm Gezgini'nde JavaScript Proje Sistemi'ni kullanarak da açabilirsiniz.

Sırada Ne Var

Visual Studio'daki üretkenlik geliştirmeleriyle en son JavaScript ve TypeScript deneyimimizi deneyin! Visual Studio için Özellik Öner tarafından aradığınız özellikler varsa bize bildirin.

Artık Visual Studio'da JavaScript ve TypeScript geliştirme için sırada ne olduğuna dair iyi bir fikir kümemiz var, ancak bunlar hakkında geri bildiriminizi de istiyoruz:

  1. JSX etiketlerindeki değişiklikler birbirini yansıttığında JavaScript ve TypeScript bağlantılı düzenleme için destek ekleme.
  2. Hem JavaScript hem de ASP.NET projelerinde bağımlılık yönetimine yardımcı olmak için npm kullanıcı arabirimini geliştirme.
  3. ASP.NET uygulamalarla sürekli tümleştirme sayesinde uygulamalarınızı Azure'a daha kolay ulaştırmaya yardımcı olma.
  4. CodeLens kullanarak JavaScript ve TypeScript satır içi birim testlerini çalıştırma.
  5. Visual Studio'da JavaScript ve TypeScript projelerini kolayca açmanıza ve içe aktarmanıza yardımcı olacak araçlar ekleme.
  6. JavaScript ve TypeScript projeleri için MSBuild tümleştirmesinde daha fazla iyileştirme, böylece bunları yapı işleminize dahil etmeniz veya dışlamanız daha kolay olur.
Makaleyi okumak için (İngilizce):
 
Son düzenleme:

Yeni konular

Geri
Yukarı