Visual Studio Kodunda JavaScript Çalıştırma

Visual Studio Code kullanarak JavaScript çalıştırmanın ve sonuçları görüntülemenin bir yolu var mı ?

Örneğin, aşağıdakileri içeren bir komut dosyası:

console.log('hello world');

Node.js'nin gerekli olacağını varsayıyorum, ancak nasıl yapılacağını çözemiyorum?

By Visual Studio Kod Visual Studio kullanarak yazılı değil kod - Ben Microsoft'tan yeni Kod Editör demek.

Bu çözüm, şu anda açık dosyayı düğümde çalıştırmayı ve çıktıyı VSCode'da göstermeyi amaçlamaktadır.

Aynı soruyu sordum ve yeni tanıtılan tasksbu özel kullanım durumu için faydalı buldum . Biraz güçlük, ama işte yaptığım şey:

.vscodeProjenizin kök dizininde bir dizin oluşturun ve tasks.jsoniçinde bir dosya oluşturun . Bu görev tanımını dosyaya ekleyin:

{
    "version": "0.1.0",
    "command": "node",
    "isShellCommand": true,
    "args": [
        "--harmony"
    ],

    "tasks": [
        {
            "taskName": "runFile",
            "suppressTaskName": true,
            "showOutput": "always",
            "problemMatcher": "$jshint",
            "args": ["${file}"]
        }
    ]
}

Sonra şunları yapabilirsiniz: press F1 > type `run task` > enter > select `runFile` > enter görevinizi çalıştırmak için, ancak görev listelerini açmak için özel bir anahtar bağlama eklemeyi daha kolay buldum.

Tuş bağlayıcısını eklemek için VSCode UI menüsünde 'Kod'> 'Tercihler'> 'Klavye Kısayolları'na gidin. Bunu klavye kısayollarınıza ekleyin:

{
    "key": "cmd+r",
    "command": "workbench.action.tasks.runTask"
}

Tabii ki tuş kombinasyonu olarak istediğinizi seçebilirsiniz.

GÜNCELLEME:

Eğer için JavaScript kodu çalıştıran varsayarsak sınamak onu, bir şekilde görevinizi işaretlemek olabilir testi onun ayarlayarak görev isTestCommandözelliği ile trueve sonra bir anahtar bağlayabilir workbench.action.tasks.testkomuta tek eylem ayin için.

Başka bir deyişle, tasks.jsondosyanız şimdi şunları içerecektir:

{
    "version": "0.1.0",
    "command": "node",
    "isShellCommand": true,
    "args": [
        "--harmony"
    ],

    "tasks": [
        {
            "taskName": "runFile",
            "isTestCommand": true,
            "suppressTaskName": true,
            "showOutput": "always",
            "problemMatcher": "$jshint",
            "args": ["${file}"]
        }
    ]
}

... ve keybindings.jsondosyanız şimdi şunları içerecektir:

{
    "key": "cmd+r",
    "command": "workbench.action.tasks.test"
}

JavaScript'i çalıştırmanın çok daha kolay bir yolu var, yapılandırmaya gerek yok:

1. Code Runner Uzantısını Yükleme
2. JavaScript kod dosyasını Metin Düzenleyicisi'nde açın, sonra Control+ Alt+ N(veya macOS'ta ⌃ Control+ ⌥ Option+ N) kısayolunu kullanın veya tuşuna F1basıp / türünü seçin Run Code, kod çalışacak ve çıktı Çıkış Penceresinde gösterilecektir.

Ayrıca, JavaScript kodunun bir bölümünü seçebilir ve kod snippet'ini çalıştırabilirsiniz. Uzantı, kaydedilmemiş dosyalarla da çalışır, böylece bir dosya oluşturabilir, Javascript olarak değiştirebilir ve hızlı kod yazabilirsiniz (hızlı bir şekilde denemeniz gerektiğinde). Çok uygun!

Bu henüz bahsedilmedi şaşırdım:

.jsSöz konusu dosyayı VS Code'da açın, 'Hata Ayıklama Konsolu' sekmesine geçin, sol gezinme çubuğundaki hata ayıklama düğmesine basın ve çalıştır simgesini (oynat düğmesi) tıklayın!

Nodejs kurulmasını gerektirir!

Bence bu sizin için en hızlı yol;

• Visual studio kodunda açık tümleşik terminal ( View > Integrated Terminal)
• tip 'node filename.js'
• Enter tuşuna basın

not : düğüm kurulumu gerekli. (Eğer bir homebrew varsa sadece terminalde 'brew install node' yazın)

not 2 : zaten yoksa homebrew ve düğüm şiddetle tavsiye edilir.

iyi günler.

Tümleşik terminalin kısayolu ctrl+ `, sonra yazın node <filename>.

Alternatif olarak bir görev de oluşturabilirsiniz. Bu benim görevlerimdeki tek kod.json:

{
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "0.1.0",
"command": "node",
"isShellCommand": true,
"args": ["${file}"],
"showOutput": "always"
}

Buradan bir kısayol oluşturun. Bu benim keybindings.json:

// Place your key bindings in this file to overwrite the defaults
[
{   "key": "cmd+r",
"command": "workbench.action.tasks.runTask"
},
{   "key": "cmd+e",
"command": "workbench.action.output.toggleOutput"
}
]

Bu, Komut Paletinde 'run' komutunu açacaktır, ancak yine de fare ile çalıştırmak istediğiniz görevi, bu durumda düğümü yazmanız veya seçmeniz gerekir. İkinci kısayol çıktı panelini değiştirir, zaten bir kısayol vardır, ancak bu tuşlar yan yana ve daha kolay çalışır.

Basitçe, kodu çalıştırmak ve çıktıyı konsolda göstermek için, bir görevi oluşturabilir ve yürütebilirsiniz, tıpkı @canerbalci'den bahsedildiği gibi.

Bunun dezavantajı, yalnızca çıktıyı alacağınız ve thats olmasıdır.

Gerçekten yapmak istediğim kod hata ayıklamak mümkün, ben küçük bir algoritma çözmeye çalışıyorum ya da yeni bir ES6 özelliği deniyorum ve ben çalıştırmak ve onunla balık bir şey var, VSC içinde hata ayıklama diyelim.

Bu nedenle, bunun için bir görev oluşturmak yerine, bu dizindeki .vscode / launch.json dosyasını aşağıdaki gibi değiştirdim:

{
"version": "0.2.0",
"configurations": [
    {
        "name": "Launch",
        "type": "node",
        "request": "launch",
        "program": "${file}",
        "stopOnEntry": true,
        "args": [],
        "cwd": "${fileDirname}",
        "runtimeExecutable": null,
        "runtimeArgs": [
            "--nolazy"
        ],
        "env": {
            "NODE_ENV": "development"
        },
        "externalConsole": false,
        "sourceMaps": false,
        "outDir": null
    }
]
}

Bunun yaptığı, VSC hata ayıklayıcısında şu anda hangi dosyada olursanız olun başlayacağıdır. Başlangıçta duracak şekilde ayarlanmış.

Başlatmak için hata ayıklamak istediğiniz dosyada F5 tuşuna basın.

Ben ilk VS kodu uzantısı ile kullanmaya başladığımda, bu kesin sorunla karşı karşıyaCode Runner

Yapmanız gereken şey, Kullanıcı Ayarları'nda node.js yolunu ayarlamaktır

Yolu , Windows Makinenize yüklerken ayarlamanız gerekir .

Benim için \"C:\\Program Files\\nodejs\\node.exe\"

Dosya Dizini Adımda Boş Alan Olduğu İçin

Aşağıdaki bu Görüntüye bakın. Yol Adı'nda bir hata yaptım neden ilk başta kodu çalıştırmak için başarısız oldu

Umarım bu size yardımcı olacaktır.

Ben de çalıştırmak için bir yardım almak için buraya gibi Ve tabii, Sorunuz, bana yardımcı JSbenim de VS KODU

VS kodunda bu adımları izleyin. [Windows işletim sisteminde gerçekleştirilir]

1. Yeni dosya oluştur

2. İçine javascript kodları yazın

3. Dosyayı filename.js olarak kaydet

4. Hata ayıklama menüsüne gidin

5. Hata ayıklamayı başlat'ı tıklayın.

6. veya sadece F5 tuşuna basın

hata ayıklamaya başlama ekran görüntüsü

terminalde js kodu çıkışının ekran görüntüsü

Node Exec kullandım.

https://marketplace.visualstudio.com/items?itemName=miramac.vscode-exec-node

Biraz yapılandırma ile anında aktarma yapmak için Babel ekleyebilirsiniz.

Çok basit, VS Kodunda yeni bir dosya oluşturup çalıştırdığınızda, zaten bir yapılandırma dosyanız yoksa sizin için bir dosya oluşturur, ayarlamanız gereken tek şey "program" değeri ve ana JS dosyanızın yoluna aşağıdaki gibi görünür:

{
    "version": "0.1.0",
    // List of configurations. Add new configurations or edit existing ones.  
    // ONLY "node" and "mono" are supported, change "type" to switch.
    // ABSOLUTE paths are required for no folder workspaces.
    "configurations": [
        {
            // Name of configuration; appears in the launch configuration drop down menu.
            "name": "Launch",
            // Type of configuration. Possible values: "node", "mono".
            "type": "node",
            // ABSOLUTE path to the program.
            "program": "C:\\test.js", //HERE YOU PLACE THE MAIN JS FILE
            // Automatically stop program after launch.
            "stopOnEntry": false,
            // Command line arguments passed to the program.
            "args": [],
            // ABSOLUTE path to the working directory of the program being debugged. Default is the directory of the program.
            "cwd": "",
            // ABSOLUTE path to the runtime executable to be used. Default is the runtime executable on the PATH.
            "runtimeExecutable": null,
            // Optional arguments passed to the runtime executable.
            "runtimeArgs": [],
            // Environment variables passed to the program.
            "env": { },
            // Use JavaScript source maps (if they exist).
            "sourceMaps": false,
            // If JavaScript source maps are enabled, the generated code is expected in this directory.
            "outDir": null
        }, 
        {
            "name": "Attach",
            "type": "node",
            // TCP/IP address. Default is "localhost".
            "address": "localhost",
            // Port to attach to.
            "port": 5858,
            "sourceMaps": false
        }
    ]
}

Visual Studio kodunda javascript, python vb. sağ üst köşedeki çalışma düğmesi.

Bu v1.32 itibariyle artık en kolay seçenek olabilir:

{
    "key": "ctrl+shift+t",
    "command": "workbench.action.terminal.sendSequence",
    "args": { "text": "node '${file}'\u000D" }
  }

Kendi tuş bağlamanızı kullanın.

Sürüm notlarına bakın: sendSequence ve değişkenler .

Vscode v1.32 ile geçerli dosya olan sendSequencegibi değişkenleri kullanarak terminale yapabilirsiniz ${file}. Orada başka bir yol istiyorsanız, yukarıdaki tuş bağlamada $ {file} yerine yol adınızı yazın.

\u000DO hemen çalışır böylece bir dönüş olduğunu.

Dosya yolunuzda boşluklar olması durumunda değişkenin 'etrafına s ekledim ${file},c:Users\Some Directory\fileToRun

Javascript'i Visual Studio Code'da çalıştırmanın birçok yolu vardır.

Düğüm kullanıyorsanız, VSC'de standart hata ayıklayıcıyı kullanmanızı öneririm.

Normalde harici testler yaptığım test.js gibi bir kukla dosya oluştururum.

Kodunuzun bulunduğu klasörünüzde ".vscode" adlı bir klasör ve "launch.json" adlı bir dosya oluşturursunuz

Bu dosyaya aşağıdakileri yapıştırın ve kaydedin. Artık kodunuzu test etmek için iki seçeneğiniz var.

"Nodemon Test File" ı seçtiğinizde test etmek için kodunuzu koymanız gerekir. Js.

Nodemon ve VSC'de nodemon ile hata ayıklama hakkında daha fazla bilgi yüklemek için launch.json dosyasındaki ikinci bölümü ve ExpressJS'de nasıl hata ayıklayacağınızı daha ayrıntılı olarak açıklayan bu makaleyi okumanızı öneririz .

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Nodemon Test File",
            "runtimeExecutable": "nodemon",
            "program": "${workspaceFolder}/test.js",
            "restart": true,
            "console": "integratedTerminal",
            "internalConsoleOptions": "neverOpen"
        },
        {
            "type": "node",
            "request": "attach",
            "name": "Node: Nodemon",
            "processId": "${command:PickProcess}",
            "restart": true,
            "protocol": "inspector",
        },
    ]
}

Başka bir seçenek de Visual Studio Code içindeki geliştirici araçları konsolunu kullanmaktır. Yardım menüsünden "Geliştirici Araçlarını Değiştir" i ve ardından açılan geliştirici araçlarında "Konsol" sekmesini seçmeniz yeterlidir. Buradan, Chrome'da aldığınız aynı dev araç REPL'ine sahipsiniz.

Camlar için : sadece değişim dosya dernek .jsdosyayanode.exe

1) Take VSCode
2) Right click on the file in left pane
3) Click "Reveal in explorer" from context menu
4) Right click on the file -> Select "Open with" -> Select "Choose another program"
5) Check box "Always use this app to open .js file"
6) Click "More apps" -> "Look for another app in PC"
7) Navigate to node.js installation directory.(Default C:\Program Files\nodejs\node.exe"
8) Click "Open" and you can just see cmd flashing
9) Restart vscode and open the file -> Terminal Menu -> "Run active file".

Bu günlerde çok popüler olan ve hareket halindeyken kodunuzu hata ayıklamanıza yardımcı olan Quokka adı verilen basit ve kolay bir eklenti kullanmanızı öneririm. Quokka.js . Bu eklentiyi kullanmanın en büyük avantajı, web tarayıcısına gitmek ve kodunuzu değerlendirmek için çok zaman kazanmanızdır, bunun yardımıyla VS kodunda olan her şeyi görebilirsiniz, bu da çok zaman kazandırır.

Başka bir yol, terminal açık olacaktır Ctrl + ` yürütmek node. Artık aktif bir düğüm REPL'iniz var. Artık dosyanızı veya seçilen metni terminale gönderebilirsiniz. Açılır VSCode yapabilmek için komut palette ( F1 veya ctrl + shift + p ) ve yürütmek >run selected text in active terminalveya >run active file in active terminal.

Kodunuzu yürütmeden önce temiz bir REPL gerekiyorsa, REPL düğümünü yeniden başlatmanız gerekir. Bu, REPL düğümü ile Terminalde ctrl+c ctrl+cçıkmak ve nodeyeni başlatmak için yazarken yapılır.

Büyük olasılıkla, komut palet komutlarını istediğiniz tuşa bağlayabilirsiniz .

PS: nodeyüklü ve yolunuza olmalıdır

Sadece nodemon'u kur ve çalıştır

nodemon your_file.js

vs vs kod terminali.