Çözüm veya proje olmadan Visual Studio JavaScript ve TypeScript kodu geliştirme

Projeler veya çözümler olmadan kod geliştirebilirsiniz. Bu yaklaşım, bir kod klasörü açmanıza ve IntelliSense, arama, yeniden düzenleme, hata ayıklama ve daha fazlası gibi zengin düzenleyici desteğiyle hemen çalışmaya başlamanızı sağlar. Bu özelliklere ek olarak, Visual Studio için Node.js Araçları TypeScript dosyaları oluşturma, npm paketlerini yönetme ve npm betiklerini çalıştırma desteği ekler.

Başlamak için araç çubuğundan Dosya>Aç>Klasör seçeneğini belirleyin. Çözüm Gezgini klasördeki tüm dosyaları görüntüler ve düzenlemeye başlamak için dosyalardan herhangi birini açabilirsiniz. Arka planda Visual Studio npm, derleme ve hata ayıklama özelliklerini etkinleştirmek için dosyaların dizinini oluşturur.

Prerequisites

• Visual Studio Node.js geliştirme iş yükü yüklenmelidir

npm entegrasyonu

Açtığınız klasör birpackage.json dosyası içeriyorsa, npm'ye özgü bir bağlam menüsünü (kısayol menüsü) göstermek içinpackage.jsonsağ tıklayabilirsiniz.

Kısayol menüsünde, npm tarafından yüklenen paketleri, proje dosyası kullanırken npm paketlerini yönettiğiniz şekilde yönetebilirsiniz .

Ayrıca, menü scriptsöğesinde tanımlanan betikleri çalıştırmanıza da olanak tanır. Bu betikler, ortam değişkeninde kullanılabilen PATH Node.js sürümünü kullanır. Betikler yeni bir pencerede çalışır. Bu, derleme veya çalıştırma betiklerini çalıştırmanın harika bir yoludur.

Derleme ve hata ayıklama

package.json

Klasördeki package.json dosyası bir main öğesini içeriyorsa, Hata Ayıkla komutu package.json için sağ tıklama kısayol menüsünde kullanılabilir. Bu komutu seçtiğinizde, belirtilen betiği bağımsız değişken olarak kullanarak node.exe başlatılır.

Hata Ayıkla komutu uygulamayı düzgün bir şekilde başlatmıyorsa, package.json dosyanızda aşağıdaki örnekteki gibi bir start betiği bulunduğundan emin olun.

"main": "index.js",
"scripts": {
  "start": "node index.js",
  "test": "echo \"Error: no test specified\" && exit 1"
},

Bu örnekte, Çözüm Gezgini'nde package.json dosyasına sağ tıklayıp Npm>npm run script start seçeneğini belirleyerek package.json içindeki start betiğini çalıştırabilirsiniz.

JavaScript dosyaları

Bir dosyaya sağ tıklayıp kısayol menüsünden Hata Ayıkla'ya tıklayarak JavaScript dosyalarında hata ayıklayabilirsiniz. Bu, node.exe'yi argümanı olarak bu JavaScript dosyasıyla başlatır.

Hata Ayıkla komutu uygulamayı doğru başlatmıyorsa, başlangıç betiğini çalıştırmak için package.json bölümünde açıklanan yöntemi kullanın.

TypeScript dosyaları ve tsconfig.json

Klasörde tsconfig.json yoksa, bir TypeScript dosyasına sağ tıklayarak bu dosyayı derlemek ve hatalarını ayıklamak için kısayol menüsü komutlarını görebilirsiniz. Bu komutları kullandığınızda, varsayılan seçeneklerle tsc.exe kullanarak derler veya hata ayıklarsınız. (Hata ayıklamadan önce dosyayı oluşturmanız gerekir.)

Klasörde birtsconfig.json dosyası varsa, bir TypeScript dosyasına sağ tıklayarak bu TypeScript dosyasında hata ayıklamak için bir menü komutu görebilirsiniz. Bu seçenek, yalnızca tsconfig.json içinde outFile belirtilmemişse görünür. outFile belirtilirse, tsconfig.json sağ tıklayıp doğru seçeneği belirleyerek bu dosyanın hatalarını ayıklayabilirsiniz. Dosya ayrıca tsconfig.json derleyici seçeneklerini belirtmenize olanak tanıyan bir derleme seçeneği sunar.

Birim Testleri

package.json dosyanızda bir test kökü belirterek birim testi tümleştirmesini Visual Studio'da etkinleştirebilirsiniz:

{
    // ...
    "vsTest":{
        "testRoot": "./tests"
    }
    // ...
}

Test çalıştırıcısı, hangi test çerçevesinin kullanılacağını belirlemek için yerel olarak yüklenen paketleri numaralandırır. Desteklenen çerçevelerden hiçbiri tanınmıyorsa, test çalıştırıcısı varsayılan olarak ExportRunner olur. Desteklenen diğer çerçeveler şunlardır:

• Mocha (mochajs.org)
• Jasmine (Jasmine.github.io)
• Tape (github.com/substack/tape)
• Jest (jestjs.io)

Test Gezgini'ni açtıktan sonra ( Test>Windows>Test Gezgini'ni seçin), Visual Studio testleri bulur ve görüntüler.