Apakah ada cara untuk mengeksekusi javascript dan menampilkan hasilnya menggunakan Visual Studio Code?
Misalnya file script yang berisi
console.log('hello world');
Saya berasumsi bahwa nodejs akan diperlukan tetapi tidak tahu bagaimana melakukannya?
EDIT: Dengan "Visual Studio Code &" maksud saya Code editor baru dari Microsoft - Bukan kode yang ditulis menggunakan Visual Studio
Ada cara yang lebih mudah untuk menjalankan JavaScript, tidak ada konfigurasi yang diperlukan:
Menjalankan Kode
, kode akan berjalan dan output akan ditampilkan di Jendela Output.Selain itu, anda bisa memilih bagian dari kode JavaScript dan menjalankan potongan kode. Ekstensi ini juga bekerja dengan file yang belum disimpan, sehingga anda hanya dapat membuat file, perubahan itu untuk Javascript dan menulis kode cepat (untuk ketika anda hanya perlu untuk mencoba sesuatu yang cepat). Sangat nyaman!
Solusi ini bermaksud untuk menjalankan file yang saat ini terbuka di node dan menampilkan output di VSCode.
Saya memiliki pertanyaan yang sama dan menemukan tasks
yang baru diperkenalkan berguna untuk kasus penggunaan khusus ini. Memang sedikit merepotkan, tetapi inilah yang saya lakukan:
Buat direktori .vscode
di root proyek Anda dan buat file tasks.json
di dalamnya. Tambahkan definisi tugas ini ke file tersebut:
{
"version": "0.1.0",
"command": "node",
"isShellCommand": true,
"args": [
"--harmony"
],
"tasks": [
{
"taskName": "runFile",
"suppressTaskName": true,
"showOutput": "always",
"problemMatcher": "$jshint",
"args": ["${file}"]
}
]
}
Kemudian anda bisa:
tekan F1 > ketik `run task` > enter > pilih `runFile` > enter
untuk menjalankan tugas Anda, tetapi saya merasa lebih mudah untuk menambahkan pengikatan kunci khusus untuk membuka daftar tugas.
Untuk menambahkan key binding, di menu VSCode UI, buka 'Code' > 'Preferences' > 'Keyboard Shortcuts'. Tambahkan ini ke pintasan keyboard Anda:
{
"key": "cmd+r",
"command": "workbench.action.tasks.runTask"
}
Tentu saja Anda dapat memilih apa pun yang Anda inginkan sebagai kombinasi tombol.
UPDATE:
Dengan asumsi Anda menjalankan kode JavaScript untuk test itu, Anda dapat menandai tugas Anda sebagai tugas test dengan mengatur properti isTestCommand
ke true
dan kemudian Anda dapat mengikat kunci ke workbench.action.tasks.task.test
command untuk pemanggilan tindakan tunggal.
Dengan kata lain, file tasks.json
Anda sekarang akan berisi:
{
"version": "0.1.0",
"command": "node",
"isShellCommand": true,
"args": [
"--harmony"
],
"tasks": [
{
"taskName": "runFile",
"isTestCommand": true,
"suppressTaskName": true,
"showOutput": "always",
"problemMatcher": "$jshint",
"args": ["${file}"]
}
]
}
...dan file keybindings.json
Anda sekarang akan berisi:
{
"key": "cmd+r",
"command": "workbench.action.tasks.test"
}
Saya terkejut ini belum disebutkan namun:
Cukup buka .js
file tersebut di VS Kode, beralih ke 'Debug Console' tab, tekan tombol debug di bilah navigasi sebelah kiri, dan klik icon run (tombol putar)!
Membutuhkan nodejs yang akan diinstal!
Cara pintas untuk terminal terpadu adalah pilih + `, kemudian ketik node <file>
.
Sebagai alternatif, anda dapat membuat tugas. Ini adalah satu-satunya kode dalam tugas-tugas saya.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"
}
Dari sini membuat shortcut. Ini adalah saya 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"
}
]
Ini akan membuka 'run' pada Command Pallete, tetapi anda masih harus ketik atau pilih dengan mouse tugas yang ingin anda jalankan, dalam hal ini simpul. Kedua cara pintas matikan output panel, ada's sudah shortcut untuk itu, tapi tombol-tombol ini berada di sebelah satu sama lain dan lebih mudah untuk bekerja dengan.
Saya menghadapi masalah ini dengan tepat, ketika saya pertama kali mulai menggunakan VS Kode dengan ekstensi Kode
Pelari
Hal-hal yang perlu anda lakukan adalah mengatur node.js di jalan Pengaturan Pengguna
Anda perlu untuk mengatur Jalan seperti yang anda Menginstalnya pada Mesin Windows anda.
Bagi saya Itu \"C:\\Program File\\nodejs\\node.exe\"
Karena saya memiliki Ruang di File saya Nama Direktori
Melihat ini Gambar di bawah ini. Aku gagal untuk menjalankan kode pertama karena aku membuat kesalahan di Nama Jalan
Berharap ini akan membantu anda.
Dan tentu saja, Pertanyaan Anda membantu saya, karena saya juga datang ke sini untuk mendapatkan bantuan untuk menjalankan JS
di VS KODE
Ini adalah cara tercepat untuk anda dalam pendapat saya;
View > Terminal Terpadu
)'node filename.js'
catatan: node setup yang diperlukan. (jika anda memiliki homebrew hanya jenis 'brew install node' di terminal)
catatan 2**: homebrew dan node sangat dianjurkan jika anda don't sudah.
have a nice day.
Nah, untuk sekadar menjalankan kode dan menampilkan output di konsol, Anda dapat membuat tugas dan mengeksekusinya, cukup banyak seperti yang disebutkan @canerbalci.
Kelemahannya adalah anda hanya akan mendapatkan output dan hanya itu saja.
Apa yang benar-benar ingin saya lakukan adalah dapat men-debug kode, katakanlah saya mencoba memecahkan algoritma kecil atau mencoba fitur ES6 baru, dan saya menjalankannya dan ada sesuatu yang mencurigakan dengannya, saya dapat men-debugnya di dalam VSC.
Jadi, alih-alih membuat tugas untuk itu, saya memodifikasi file .vscode/launch.json di direktori ini sebagai berikut:
{
"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
}
]
}
Apa yang dilakukannya adalah bahwa ia akan meluncurkan file mana pun yang sedang Anda kerjakan, di dalam debugger VSC. Ini diatur untuk berhenti saat mulai.
Untuk meluncurkannya, tekan tombol F5, dalam file yang ingin Anda debug.
Ini sangat sederhana, ketika Anda membuat file baru di VS Code dan menjalankannya, jika Anda sudah tidak memiliki file konfigurasi, file tersebut akan membuatnya untuk Anda, satu-satunya hal yang perlu Anda atur adalah nilai " program &", dan mengaturnya ke jalur file JS utama Anda, terlihat seperti ini:
{
"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
}
]
}
Aku digunakan Node Exec, tidak ada konfigurasi yang diperlukan, membangun file yang sedang anda berakhir atau apa pun yang telah dipilih dan output dalam VSCode.
https://marketplace.visualstudio.com/items?itemName=miramac.vscode-exec-node
Dengan sedikit konfigurasi anda dapat menambahkan Babel untuk melakukan on the fly transpiling juga.
Tidak perlu untuk mengatur lingkungan untuk menjalankan kode di javascript,python,dll di visual studio, kode apa yang harus anda lakukan adalah hanya menginstal Kode Runner Ekstensi dan kemudian hanya memilih bagian dari kode yang anda inginkan untuk menjalankan dan tekan tombol run hadir di sudut kanan atas.
Ini sekarang mungkin yang paling mudah, seperti dari v1.32:
{
"key": "ctrl+shift+t",
"command": "workbench.action.terminal.sendSequence",
"args": { "text": "node '${file}'\u000D" }
}
Menggunakan kombinasi tombol.
Lihat catatan Rilis: sendSequence dan variabel.
Dengan vscode v1.32 anda dapat sendSequence
ke terminal menggunakan variabel-variabel seperti ${file}
, yang merupakan file saat ini. Jika anda ingin beberapa jalan lain ada, ganti ${file} dengan teman path di kombinasi tombol di atas.
The \ / u000D /
kembali sehingga akan segera berjalan.
Saya menambahkan '
s di sekitar ${file}
variabel dalam kasus anda file path memiliki ruang di dalamnya,
seperti c:Users\Some Direktori\fileToRun
Ada banyak cara untuk menjalankan javascript di Kode Visual Studio.
Jika anda menggunakan Node, maka saya sarankan menggunakan standar debugger di VSC.
Saya biasanya membuat file dummy, seperti test.js di mana saya melakukan tes eksternal.
Di folder di mana anda memiliki kode anda, anda membuat sebuah folder bernama ".vscode" dan membuat sebuah file yang disebut "peluncuran.json"
Dalam file ini anda paste kode berikut dan simpan. Sekarang anda memiliki dua pilihan untuk menguji kode anda.
Ketika anda memilih "Nodemon File Tes" anda harus menempatkan kode anda untuk menguji dalam test.js.
Untuk menginstal nodemon dan info lebih lanjut tentang cara untuk men-debug dengan nodemon di VSC saya sarankan untuk membaca ini artikel, yang menjelaskan lebih detail bagian kedua pada peluncuran.file json dan bagaimana untuk men-debug di ExpressJS.
{
"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",
},
]
}
Pilihan lain adalah dengan menggunakan alat pengembang konsol dalam Kode Visual Studio. Cukup pilih "Beralih Pengembang Alat" dari menu help kemudian pilih "Console" tab di alat pengembang yang muncul. Dari sana anda memiliki yang sama dev alat REPL yang anda dapatkan di Chrome.
Ikuti langkah-langkah di VS kode.[dilakukan di os windows]
Buat file baru
Menulis kode javascript di dalamnya
Simpan file sebagai filename.js
Pergi ke menu Debugging
Klik pada Start debugging
atau cukup tekan F5
Untuk windows: hanya mengubah file asosiasi .js
file node.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".
Cara lain adalah dengan membuka terminal ctrl+` melaksanakan node
. Sekarang anda memiliki sebuah node REPL aktif. Anda sekarang dapat mengirim file atau teks yang dipilih ke terminal. Dalam rangka untuk melakukan itu terbuka VSCode command pallete (F1 atau ctrl+shift+p) dan mengeksekusi >run teks yang dipilih di terminal yang sedang aktif
atau >jalankan file aktif di terminal yang sedang aktif
.
Jika anda perlu membersihkan REPL sebelum mengeksekusi kode anda, anda akan harus me-restart node REPL. Hal ini dilakukan ketika di Terminal dengan node REPL ctrl+c ctrl+c
untuk keluar dari itu dan mengetik node
untuk memulai yang baru.
Anda mungkin bisa kunci mengikat command pallete perintah untuk tombol apapun yang anda inginkan.
PS: node
harus dipasang dan di jalan anda