Visual Studio Code ile HTML kodumu tarayıcıda nasıl görüntüleyebilirim?

Windows için - Varsayılan Tarayıcınızı Açın - VS Code v 1.1.0 üzerinde test edilmiştir

Hem belirli bir dosyayı (adı sabit kodlu) açmaya hem de başka bir dosyayı açmaya yanıt verin.

Adımlar:

1. Komut Paletini açmak için ctrl + shift + p (veya F1) tuşlarını kullanın.

2. Görevler yazın: Configure Taskveya eski sürümlerdeConfigure Task Runner` yazın. Bunu seçtiğinizde tasks.json dosyası açılacaktır. Görüntülenen komut dosyasını silin ve aşağıdakiyle değiştirin:

    {
        "version": "0.1.0",
        "command": "explorer",
        "windows": {
            "command": "explorer.exe"
        },
        "args": ["test.html"]
    }

tasks.json dosyasının "args" bölümünü dosyanızın adıyla değiştirmeyi unutmayın. Bu, F5 tuşuna bastığınızda her zaman o dosyayı açacaktır.

Bunu ayrıca "args" için değer olarak ["${file}"] kullanarak o anda açık olan dosyayı açacak şekilde ayarlayabilirsiniz. $ifadesinin{...}ifadesinin dışına çıktığını unutmayın, bu nedenle["{$file}"]` ifadesi yanlıştır.

3. Dosyayı kaydedin.

4. Html dosyanıza geri dönün (bu örnekte "text.html") ve sayfanızı Web Tarayıcınızda görüntülemek için ctrl + shift + b tuşlarına basın.

@InvisibleDev - bunu bir mac üzerinde çalıştırmak için bunu kullanmayı deneyin:

{
    "version": "0.1.0",
    "command": "Chrome",
    "osx": {
        "command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
    },
    "args": [
        "${file}"
    ]
}

Chrome zaten açıksa, html dosyanızı yeni bir sekmede başlatacaktır.

CTRL+SHIFT+Pkomut paletini ekrana getirecektir.<br> Tabii ki ne çalıştırdığınıza bağlı olarak. Örneğin bir ASP.net uygulamasında şunu yazabilirsiniz:<br> "kestrel" yazın ve ardından web tarayıcınızı açın ve "localhost:(portunuz burada)" yazın;

Eğer > yazarsanız size göster ve çalıştır komutlarını gösterecektir.

Ya da HTML ile ilgili durumunuzda, komut paletini açtıktan sonra F5in hata ayıklayıcıyı açması gerektiğini düşünüyorum.

Kaynak: [link][1]