Introducción

Visual Studio Code se ha convertido en mi editor de código fuente favorito. Es un desarrollo de Microsoft para sistemas Windows, Linux y macOS:

Instalación

Descargar e instalar la última versión. En Windows puede usarse Chocolatey (cinst vscode).

Mis extensiones imprescindibles

Extensiones recomendadas

PHP & Drupal

  • PHP Extension Pack
  • PHP Debug
  • PHP IntelliSense
  • Drupal Syntax Highlighting

Perl

  • Perl Toolbox
  • Perl HTML Template

Dart & Flutter

  • Dart
  • Flutter

Rust

  • Rust (rls)
  • Better TOML
  • crates

Java

  • Java Extension Pack
  • Language Support for Java
  • Visual Studio IntelliCode (también para JavaScript)
  • Java Dependency Viewer
  • Debugger for Java
  • Java Test Runner
  • Maven for Java

Otras extensiones

  • CodeSnap
    Para obtener capturas de pantalla directamente de VSCode.
  • Spanish Language Pack for Visual Studio Code
  • Bookmarks
  • Prettier – Code formatter
    Analiza el código y ajusta el formato teniendo en cuenta la longitud de la línea y el lenguaje usado.
  • AWK
  • Kite Autocomplete for Python and JavaScript
  • Highlight Matching Tag
  • Remote – WSL
    Si se habilita, se puede abrir un terminal de la distribución instalada en Windows Subsystem Linux (WSL) y desde cualquier carpeta ejecutar:
    $ code .

    para acceder a la estructura de carpetas y desarrollar directamente desde WSL .

  • HTML Preview
  • Debugger for NW.js
  • Godot Tools

Otros temas de color, otros iconos

Además de este hilo de Twitter donde programadores hablan de sus temas favoritos, recomiendo:

En vscodethemes y VSColors puedes ver las tendencias. Y si no te encaja ninguno, puedes usar themer para crear tu propio tema de color (ver ejemplo).

En cuanto a iconos, también llegué a usar durante un tiempo vscode-icons.

Y si lo que quieres es cambiar el propio espacio de trabajo, puedes probar Peacock.

Configuración básica

{
    "editor.rulers": [
        80
    ],
    "files.trimTrailingWhitespace": true,
    "printcode.fontSize": 10,
    "printcode.paperSize": "a4Land",
    "printcode.tabSize": 4,
    "telemetry.enableTelemetry": false, 
    "workbench.colorCustomizations": {
        "editorRuler.foreground": "#777"
    },
    "workbench.colorTheme": "Night Owl",
    "workbench.iconTheme": "vscode-icons"
}

Notas

Para JavaScript, Node.js:

  • https://developer.okta.com/blog/2019/05/08/top-vs-code-extensions-for-nodejs-developers
  • https://code.visualstudio.com/docs/nodejs/extensions
  • https://marketplace.visualstudio.com/items?itemName=waderyan.nodejs-extension-pack
  • https://www.sitepoint.com/vs-code-extensions-javascript-developers/
  • https://standardjs.com/rules-en.html
  • https://hub.packtpub.com/12-visual-studio-code-extensions-that-node-js-developers-will-love-sponsored-by-microsoft/
  • https://blog.binpar.com/configurando-visual-studio-code-para-nuestra-base-de-c%C3%B3digo-es6-con-node-bf4539df865b

Última revisión: 21/06/2020