Plugins para Visual Estudio Code para facilitar el desarrollo de aplicaciones web con React

• UI Theme: Monokai

• Font:Fira Code

Primero se debe instalar la fuente en el sistema operativo. Para el caso de linux se ejecuta la siguiente línea en la terminal.

sudo apt install fonts-firacode

Se debe incluir nuestra nueva fuente en el setting.json de vscode la siguiente línea:

"editor.fontFamily": "Fira Code"

Nota: Para abrir setting.json se oprime F1 estando en vscode y despúes se escribe Open Settings (JSON).

• Mitheil Emmet:

Es posible habilitar las funcionalidades de Emmet en ReactJS incluyendo las siguientes líneas en nuestro setting (JSON):

"emmet.includeLanguages": {
"javascript": "javascriptreact"
}

• React-Native/React/Redux snippets for es6/es7

• Prettier - Code formatter:

Para hacer efectivo Prettier siempre que se guarda nlos cambios en el archivo Js, se debe incluir en nuestro setting.json las siguientes líneas:

"[javascript]": {
   "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true
},