Instalación del Visual Studio Code

03/08/2018

vscode

Según la versión del Sistema Operativo (Linux/Windows 32/64bits) que tengamos procederemos a instalar la versión de Visual Studio Code correspondiente, que podemos descargar de https://code.visualstudio.com/updates

  • code-stable-code_1.25.1-1531323780_i386.t%uar.gz (Linux 32 bits)
  • code-stable-code_1.25.1-1531323788_amd64.tar.gz (Linux 64 bits)
  • VSCode-win32-ia32-1.25.1.zip (Windows 32 bits)
  • VSCode-win32-x64-1.25.1.zip (Windows 64 bits)

NOTA: Si no está ya instalado en Linux, será necesario instalar el paquete libgconf-2-4 (error while loading shared libraries: libgconf-2.so.4: cannot open shared object file: No such file or directory)

La instalación consiste en descomprimir el fichero correspondiente en la ubicación deseada (por ejemplo /home/username/software/VSCode-linux-x64-1.25.1 donde username es el nombre del usuario para Linux ó C:\software\VSCode-win32-x64-1.25.1 para Windows).

Preparación del entorno de desarrollo

Creamos una carpeta que albergará la información necesaria para la ejecución de nuestro entorno de desarrollo:

  • /home/username/development/vscode/1.25.1 (Linux, siendo username el nombre del usuario)
  • C:\development\vscode\1.25.1 (Windows)

Dentro de ella creamos la carpeta extensions. Dicha carpeta contendrá las extensiones que utilizaremos para el desarrollo de nuestros proyectos (cada proyecto concreto podría necesitar diferentes extensiones). Si ya tenemos alguna extensión descargada previamente, la podemos guardar en dicha carpeta.

Del mismo modo creamos la carpeta config. Dicha carpeta albergará la configuración a aplicar al entorno de desarrollo de VSCode que arranquemos.

Por ejemplo, podemos deshabilitar el envío de datos de utilización y las actualizaciones automáticas, guardando el fichero config/User/settings.json con el siguiente contenido:

{
    // Enable usage data and errors to be sent to Microsoft.
    "telemetry.enableTelemetry": false,
    // Automatically update extensions
    "extensions.autoUpdate": false,
    // Configure whether you receive automatic updates from an update channel.
    "update.channel": "none"
}

Ejecución del entorno de desarrollo

Para arrancar el entorno de desarrollo crearemos un lanzador que ejecute el VSCode pasándole como parámetro, en la línea de comandos, la configuración adecuada.

code (Linux línea de comandos)

#!/usr/bin/env bash
function abs_script_dir_path {
  SOURCE="${BASH_SOURCE[0]}"
  while [ -h "$SOURCE" ]; do # resolve $SOURCE until the file is no longer a symlink
    DIR="$( cd -P "$( dirname "$SOURCE" )" >/dev/null && pwd )"
    SOURCE="$(readlink "$SOURCE")"
    [[ $SOURCE != /* ]] && SOURCE="$DIR/$SOURCE" # if $SOURCE was a relative symlink, we need to resolve it relative to the path where the symlink file was located
  done
  DIR="$( cd -P "$( dirname "$SOURCE" )" >/dev/null && pwd )"
  echo $DIR
}
DIR=$(abs_script_dir_path $0)
/home/rubensa/software/VSCode-linux-x64_1.25.1/code --user-data-dir "$DIR/config" --extensions-dir "$DIR/extensions" "$@"

code.desktop (Linux lanzador de escritorio)

[Desktop Entry]
Name=VSCode
Comment=Visual Studio Code
Exec=/home/username/development/vscode/1.25.1/code %u
Icon=code
Terminal=false
Type=Application
StartupNotify=true

code.bat (Windows)

@echo off
pushd "%~dp0"
set DIR=%CD%
popd
C:/software/VSCode-linux-x64-1.25.1/code --user-data-dir %DIR%/config --extensions-dir %DIR%/extensions %*

Atención
En la configuración para Linux debemos sustituir username por el nombre de usuario y en ambas configuraciones debemos ajustar los paths de acuerdo a la versión de VSCode instalada.

Damos permisos de ejecución al lanzador y lo ejecutamos.

Extensiones

Una vez instalado podemos proceder a instalar las extensiones que requiera nuestro proyecto que, como ya hemos comentado, se guardarán en la carpeta extensions de nuestro directorio de configuración. De este modo, podremos reutilizar una misma instalación del VSCode con diferentes extensiones y configuraciones. Algunas extensiones destacadas podrían ser:

One Response to “Instalación del Visual Studio Code”


  1. […] Visual Studio Code: Binary Instalación del Visual Studio Code […]


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

A %d blogueros les gusta esto: