Ejecute JavaScript en Visual Studio Code
¿Existe alguna forma de ejecutar JavaScript y mostrar los resultados utilizando Visual Studio Code ?
Por ejemplo, un archivo de script que contiene:
console.log('hello world');
Supongo que sería necesario Node.js pero no sé cómo hacerlo.
Por Visual Studio Code me refiero al nuevo editor de código de Microsoft, no al código escrito con Visual Studio.
Me sorprende que esto no se haya mencionado todavía:
Simplemente abra el .jsarchivo en cuestión en VS Code, cambie a la pestaña 'Consola de depuración', presione el botón de depuración en la barra de navegación izquierda y haga clic en el ícono de ejecutar (botón de reproducción).
¡Requiere la instalación de nodejs!
Esta solución pretende ejecutar el archivo actualmente abierto en el nodo y mostrar el resultado en VSCode.
Tenía la misma pregunta y encontré que la nueva introducción taskses útil para este caso de uso específico. Es un poco complicado, pero esto es lo que hice:
Cree un .vscodedirectorio en la raíz de su proyecto y cree un tasks.jsonarchivo en él. Agregue esta definición de tarea al archivo:
{
"version": "0.1.0",
"command": "node",
"isShellCommand": true,
"args": [
"--harmony"
],
"tasks": [
{
"taskName": "runFile",
"suppressTaskName": true,
"showOutput": "always",
"problemMatcher": "$jshint",
"args": ["${file}"]
}
]
}
Entonces puedes:
press F1 > type `run task` > enter > select `runFile` > enter
ejecutar tu tarea, pero me resultó más fácil agregar una combinación de teclas personalizada para abrir listas de tareas.
Para agregar la combinación de teclas, en el menú de la interfaz de usuario de VSCode, vaya a 'Código' > 'Preferencias' > 'Atajos de teclado'. Añade esto a tus atajos de teclado:
{
"key": "cmd+r",
"command": "workbench.action.tasks.runTask"
}
Por supuesto, puedes seleccionar lo que quieras como combinación de teclas.
ACTUALIZAR:
Suponiendo que está ejecutando el código JavaScript para probarlo , puede marcar su tarea como una tarea de prueba estableciendo su isTestCommandpropiedad en truey luego puede vincular una clave al workbench.action.tasks.testcomando para una invocación de acción única.
En otras palabras, su tasks.jsonarchivo ahora contendrá:
{
"version": "0.1.0",
"command": "node",
"isShellCommand": true,
"args": [
"--harmony"
],
"tasks": [
{
"taskName": "runFile",
"isTestCommand": true,
"suppressTaskName": true,
"showOutput": "always",
"problemMatcher": "$jshint",
"args": ["${file}"]
}
]
}
...y su keybindings.jsonarchivo ahora contendría:
{
"key": "cmd+r",
"command": "workbench.action.tasks.test"
}
En mi opinión, esta es la forma más rápida para usted;
- Abrir terminal integrado en código de Visual Studio (
View > Integrated Terminal) - tipo
'node filename.js' - presione enter
nota : se requiere configuración de nodo. (si tienes un homebrew simplemente escribe 'brew install node' en la terminal)
nota 2 : homebrew y node son muy recomendables si aún no los tienes.
que tenga un lindo día.
El atajo para el terminal integrado es ctrl+ `, luego escribe node <filename>.
Alternativamente, puedes crear una tarea. Este es el único código en mi task.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"
}
Desde aquí crea un acceso directo. Este es mi 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"
}
]
Esto abrirá 'ejecutar' en la paleta de comandos, pero aún debe escribir o seleccionar con el mouse la tarea que desea ejecutar, en este caso nodo. El segundo atajo alterna el panel de salida; ya existe un atajo para él, pero estas teclas están una al lado de la otra y es más fácil trabajar con ellas.
