Playground js con VSCODE

Post image

Playground

¿Se puede configurar VSCode para escribir código javascript y visualizar los resultados directamente en consola, sin refrescar, sin ejecutar scripts y sin tener que utilizar un fichero html?

La respuesta es sí, y a continuación se muestra cómo hacerlo.

¿Se necesita instalar algo?

Sí. Es necesario instalar node y también una dependencia denominada nodemon.

¿Y cómo configuro mi carpeta de trabajo?

Crear un directorio, (Ej.: playground). Abrirlo desde VSCode. Desde la consola ejecutar lo siguiente:

npm init

Tras ejecutar esta línea de código y contestar a una serie de preguntas, se crea, en la carpeta playground un fichero denominado package.json. Lo modificamos para que quede así:

{
  "name": "playground",
  "version": "1.0.0",
  "description": "",
  "main": "playground.js",
  "scripts": {
    "start": "nodemon --quiet playground.js ",
  },
  "author": "FGA",
  "license": "MIT",
  "dependencies": {
    "nodemon": "^2.0.20"
  }
}

Creamos el fichero playground.js y escribimos el código que queremos evaluar. Abrimos la consola y ejecutamos:

npm run start

Cada vez que se guarde el fichero javascript Se mostrará en consola el resultado en tiempo real.

En VSCode, se puede añadir un atajo de teclado (En mi caso Ctrl + k ) para limpiar la consola. Esto se hace en el fichero keybindings.json

   {
    "key": "ctrl+k",
    "command": "workbench.action.terminal.clear"
  },
  {

También te puede interesar: