Există o modalitate de a Executa javascript și a afișa rezultatele folosind Visual Studio Code?
De exemplu, un fișier script care conțin
console.log('hello world');
Presupun că nodejs ar fi nevoie, dar poate't lucra cum se face?
EDIT: De "Codul Visual Studio" adică noul editor de Cod de la Microsoft - Nu codul scris folosind Visual Studio
Există un mod mult mai ușor pentru a rula JavaScript, nici o configurare necesare:
În plus, puteți selecta o parte de cod JavaScript și rula fragmentul de cod. Extinderea, de asemenea, funcționează cu fișiere nesalvate, astfel încât să puteți crea un fișier, schimba-l la Javascript și scrie cod rapid (pentru atunci când aveți nevoie doar pentru a încerca ceva rapid). Foarte convenabil!
Această soluție intenționează să candideze în prezent fișier deschis în nod și arată ieșire în VSCode.
Am avut aceeași întrebare și-a găsit recent introdus "sarcini" util pentru acest caz de utilizare specific. Este un pic de un hassle, dar aici este ceea ce am făcut:
Pentru a crea o .vscode
director în rădăcină a proiectului și de a crea o `sarcini.json file în ea. Adăugați această sarcină definiție la dosar:
{
"version": "0.1.0",
"command": "node",
"isShellCommand": true,
"args": [
"--harmony"
],
"tasks": [
{
"taskName": "runFile",
"suppressTaskName": true,
"showOutput": "always",
"problemMatcher": "$jshint",
"args": ["${file}"]
}
]
}
Apoi, puteți:
apăsați F1 > tip `run task` > enter > selectați `runFile` > introduceți
pentru a rula sarcina ta, dar am găsit-o mai ușor pentru a adăuga o cheie personalizată obligatorii pentru deschiderea listele de sarcini.
Pentru a adăuga cheia obligatoriu, în VSCode UI meniu, du-te 'Cod' > 'Preferințe' > 'comenzi Rapide de la Tastatură'. Adăugați acest la comenzi rapide de la tastatură:
{
"key": "cmd+r",
"command": "workbench.action.tasks.runTask"
}
Desigur, puteți selecta ce vrei fel de combinație de taste.
ACTUALIZARE:
Presupunând că se execută codul JavaScript pentru a test, ai putea marca sarcina ca un test sarcina prin setarea acestuia `isTestCommand de proprietate pentru "adevărat" și apoi puteți lega o cheie de la `banc de lucru.acțiune.sarcini.test de comanda pentru o acțiune unică de invocare.
Cu alte cuvinte, `sarcini.json fișier va conține acum:
{
"version": "0.1.0",
"command": "node",
"isShellCommand": true,
"args": [
"--harmony"
],
"tasks": [
{
"taskName": "runFile",
"isTestCommand": true,
"suppressTaskName": true,
"showOutput": "always",
"problemMatcher": "$jshint",
"args": ["${file}"]
}
]
}
...și `keybindings.json fișier va conține acum:
{
"key": "cmd+r",
"command": "workbench.action.tasks.test"
}
Sunt surprins de acest lucru nu a fost menționat până acum:
Deschideți pur și simplu .js
dosarul în cauză în VS Cod, a comuta la 'Debug Console' fila, lovit de depanare buton în bara de navigare din stânga, și faceți clic pe pictograma run (butonul de redare)!
Necesită nodejs să fie instalat!
Comenzi rapide pentru terminal integrat este ctrl + `, apoi tastați nod <nume>
.
Alternativ, puteți crea o sarcină. Aceasta este numai cod in sarcinile mele.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"
}
De aici a crea o comandă rapidă. Acest lucru este meu 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"
}
]
Aceasta va deschide 'run' la Comanda Paleti, dar încă mai trebuie să tastați sau selectați cu mouse-ul, task doriți să rulați, în acest caz nodul. Cea de-a doua comenzi rapide comută ieșirea panou, acolo's deja o comandă rapidă pentru ea, dar aceste chei sunt unul lângă altul și mai ușor de a lucra cu.
M-am confruntat exact această problemă, atunci când am început să folosesc VS Cod cu extensie Cod de Runner
Lucruri pe care trebuie să faceți este să setați node.js cale in Setări Utilizator
Trebuie să setați Calea ca și Instalați-l în calculatorul dumneavoastră Windows.
Pentru mine A fost \"C:\\Program Files\\nodejs\\nod.exe\"
Ca am un Spatiu in Dosarul meu Nume de Director
Vezi asta Imagini de mai jos. Am reușit să ruleze codul în primul rând pentru că am făcut o greșeală în Nume de Cale
Sper că acest lucru vă va ajuta.
Și desigur, Intrebarea Ta m-a ajutat, ca am fost, de asemenea, vin aici pentru a ajuta pentru a rula JS
în VS COD
Aceasta este cea mai rapidă cale pentru tine în opinia mea;
View > Terminal Integrat
)'nodul fisierului.js'
notă: nod de configurare necesare. (dacă aveți un homebrew doar de tip 'infuzie instala nod' pe terminal)
nota 2: homebrew și nod foarte recomandat, dacă nu't au deja.
să ai o zi frumoasă.
Ei bine, pur și simplu rulați codul și arată ieșirea de pe consola puteți crea o sarcină și să-l execute, destul de mult ca @canerbalci mențiuni.
Dezavantajul este că veți obține de ieșire și asta e.
Ceea ce îmi place cu adevărat să faceți este de a fi capabil de a depana cod, vă permite să spun Im încercarea de a rezolva un mic algoritm sau de a incerca o noua ES6 caracteristică, și am alerga și nu este ceva dubios cu ea, am putea depana în interiorul VSC.
Deci, în loc de a crea o sarcină pentru ea, am modificat .vscode/lansare.json fișier în acest director, după cum urmează:
{
"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
}
]
}
Ce înseamnă asta este că va lansa orice fișier care vă aflați în prezent, în cadrul depanator de VSC. Set pentru a opri pe start.
Să-l lanseze, apăsați tasta F5, în fișierul pe care doriți pentru a depana.
L's foarte simplu, atunci când creați un nou fișier în VS Cod și rulați-l, dacă deja nu't au un fișier de configurare se creează unul pentru tine, singurul lucru de care ai nevoie pentru a seta este "programul" valoare, și setați-l la calea de fișier JS, arată astfel:
{
"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
}
]
}
Am folosit Nod Antivirus, nici o configurare necesare, construiește fișierul pe care în prezent se încheie sau ce vreodată a fost selectat și ieșiri în interiorul VSCode.
https://marketplace.visualstudio.com/items?itemName=miramac.vscode-exec-node
Cu un pic de configurare puteți adăuga Babel pentru a face unele de pe acoperi transpiling prea.
Nu este nevoie să setați mediu pentru rularea codului javascript,python,etc în visual studio cod ce trebuie să faci este doar să instalați Codul Runner Extensie și apoi selectați doar o parte din codul pe care doriți pentru a rula și a lovit pe butonul run prezente pe colțul din dreapta sus.
Acest lucru poate fi acum cel mai simplu, ca de v1.32:
{
"key": "ctrl+shift+t",
"command": "workbench.action.terminal.sendSequence",
"args": { "text": "node '${file}'\u000D" }
}
Utilizați propriile keybinding.
A se vedea notele de Lansare: sendSequence și variabile.
Cu vscode v1.32 nu se poate sendSequence
la terminalul folosind variabile cum ar fi ${fișier}
, ceea ce este fișierul curent. Dacă doriți o altă cale nu există, înlocuiți ${fișier} cu pathname în keybinding de mai sus.
Anii \ \ u000D
este o întoarcere astfel încât acesta va rula imediat.
Am adăugat ' modelului jurul
${fișier}variabilă în cazul în care calea de fișier are spații în ea, ca c:Users\Some Directorul\fileToRun
Există multe modalități de a rula javascript în Codul Visual Studio.
Dacă utilizați Nod, atunci am recomandăm să utilizați depanatorul standard în VSC.
În mod normal, am crea un fișier fals, ca test.js de unde sa fac teste externe.
In folderul unde ai codul, creezi un folder numit ".vscode" și de a crea un fișier numit "lansare.json"
În acest dosar, inserați următorul text și de a salva. Acum aveți două opțiuni pentru a testa codul.
Atunci când alegeți "Nodemon Fișier de Test" aveți nevoie pentru a pune codul pentru a testa în test.js.
Pentru a instala nodemon și mai multe informații despre cum pentru a depana cu nodemon în VSC vă recomandăm să citiți acest articolul, care explică în detaliu de-a doua parte la lansare.fișier json și cum pentru a depana în 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",
},
]
}
O altă opțiune este de a utiliza instrumente de dezvoltare consola în Cod Visual Studio. Pur și simplu selectați "Comutare Instrumente de dezvoltare" din meniul help și apoi selectați "Console" fila în instrumente de dezvoltare care pop-up. De acolo aveți aceleași instrumente dev REPL pe care le obține în Chrome.
Urmați acești pași în VS cod.[efectuate în sistemul de operare windows]
Crea noi fișiere
Scrie javascript coduri în ea
Salvați fișierul ca filename.js
Du-te la meniu Depanare
Faceți clic pe Start debugging
sau pur și simplu apăsați F5
Pentru windows: doar schimba dosar asociere de .js
fișier 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".
O altă modalitate ar fi de a deschide terminal ctrl+` executa nod
. Acum ai un nod REPL activ. Acum puteți trimite fișierul dvs. sau textul selectat la terminal. Pentru a face asta deschide VSCode comanda paleti (F1 sau ctrl+shift+p) și executa >text selectat în active terminal " sau " >run fișier activ în active terminal
.
Dacă aveți nevoie de un curat REPL înainte de a executa codul, va trebui să reporniți nodul REPL. Acest lucru se face atunci când în Terminal cu nodul REPL ctrl+c ctrl+c
a ieșit și tastați nod
pentru a începe noi.
Ai putea, probabil, cheia de a lega comanda paleti comenzi pentru orice tasta doriti.
PS: nod
ar trebui să fie instalat și în calea ta