programación
few words about your site
email bitbucket

visualstudiocode

inicio / programación / {{page.title}}

{% include logo-visual-studio-code.html %}

{% include toc.html %}

propósito

versión

  • 2018-01-14 17:47:31
    • version 1.19.2
  • 2017-12-21 17:18:38
    • versión 1.19.1
  • 2017-12-14 23:36:47
    • versión 1.19.0
  • 2017-11-22 20:10:04
    • versión 1.18.1
  • 2017-11-09 08:06:15
    • versión 1.18.0
  • 2017-10-19 08:23:51
    • versión 1.17.2
  • 2017-10-06 07:51:05
    • versión 1.17.0
  • 2017-09-15 11:11:22
    • versión 1.16.1
  • 2017-09-12 22:30:27
    • versión 1.16
  • 2017-07-12 07:50:31
    • versión 1.14.1
  • instalada 19/06/2017
    • versión 1.13.1
  • interesantes las notas de la versión May 2017 (versión 1.13)

instrucciones básicas

chuletas

plugins

code --list-extensions
code --install-extension <extension></extension>
code --uninstall-extension <extension>

Java Debug Extension for Visual Studio Code

Language Support for Java™ by Red Hat

insert date string

insert numbers

Jekyll Snippets

Liquid Languages Support

Markdown All in One

markdownlint

  • markdownlint
  • formateador de tablas

  • teclas rápidas

  • ayuda para escribir markdown correctamente

  • para desactivar los consejos por ejemplo con el toc



{% include toc.html %}

probando .markdownlint.json

  • es el archivo para configurar esta plugin de visual studio code
  • desactiva las reglas y las configura
  • esta en el directorio del proyecto
{
   "MD026": false,
   "MD013": false
}
  • demo interactiva
  • se puede configurar por proyecto en el archivo .markdownlint.json situado en la raíz del proyecto

Mermaid Preview

Partial Diff

  • para ver las diferencias entre dos texto
  • para la práctica de escritura con Amor constante más allá de la muerte
  • se selecciona un texto y luego se puede comparar con otro desde el portapapeles.

Preview

  • un previsualizador de Markdown, ReStructured Text, HTML, Jade, Mermaid archvos, Imagenes URI or CSS propiedades para Visual Studio Code
  • Linux & Windows: ctrl+shift+v
  • lo quito pues es una utilidad que viene en las nuevas versiones

Table Formatter

  • para formatear tablas
  • la desinstalo pues va integrada con Markdown All in one y se activa al dar formato al documento

code-navigation

  • code-navigation

  • para navegar por los ficheros abiertos como en un navegador web

Project Manager

  • Project Manager
  • para cambiar la codificación del proyecto por ejemplo Exportacion Personal se edita el archivo C:\proyectos\Exportacion Personal\.vscode\settings.json y se pone
// Coloque su configuración en este archivo para sobrescribir la configuración predeterminada y de usuario.
{
      // La codificación del juego de caracteres predeterminada que debe utilizarse al leer y escribir archivos.
  "files.encoding": "windows1252"
}
  • se puede acceder por Archivo - Preferencias
  • esto afecta sólo a esa área de trabajo.

Settings Sync

  • Sync : Upload Complete. GIST ID : 3138810afc6d2bf474a42940544433b7 . Please copy and use this ID in other machines to download settings.
CODE SETTINGS SYNC UPLOAD SUMMARY
Version: 2.8.7
--------------------
GitHub Token: d1be5d3ec1ab91133cb0c5fb8389d19412b54963
GitHub Gist: 3138810afc6d2bf474a42940544433b7
GitHub Gist Type: Secret

Restarting Visual Studio Code may be required to apply color and file icon theme.
--------------------
Files Uploaded:
  markdown.json > snippets|markdown.json

Extensions Added:
  auto-close-tag v0.5.5
  beautify v1.1.1
  code-navigation v0.2.0
  code-settings-sync v2.8.7
  ginfuru-vscode-jekyll-syntax v0.0.5
  githd v1.1.1
  insertnumbers v0.9.1
  java v0.16.0
  language-liquid v0.0.3
  markdown-all-in-one v1.0.1
  partial-diff v0.5.1
  path-intellisense v1.4.2
  prettier-vscode v1.0.1
  project-manager v0.23.1
  spellright v2.1.8
  vscode-insertdatestring v2.2.0
  vscode-java-debug v0.5.0
  vscode-java-pack v0.2.0
  vscode-jekyll-snippets v0.8.7
  vscode-markdownlint v0.12.1
  vscode-mermaid-preview v0.8.2
  vscode-pandoc v0.0.8
  vscode-table-formatter v1.2.1
--------------------
Done.

Spell Right

  • es el que uso
  • los diccionarios están en
    • c:\Users\%USERNAME%\AppData\Roaming\Code
    • se descargan desde donde indica el propio plugin
  • es necesario activar con las opciones de menú SpellRight:SelectDictionaty

code-spell-checker

Language support for Java ™ for Visual Studio Code

  • Proponen el de redHat o sea openjdk por no usar el de Oracle
    • espero que eso no de problemas
  • para usar java en visual studio code instalo java-1.8.0-openjdk de red hat
  • hay que modificar las preferencias del workspace en settings.json para incluir la ruta del java.home
    • mejor eso que tocar la variable de entorno PATH
{
    "workbench.colorTheme": "Visual Studio Dark",
    "terminal.integrated.shell.windows": "C:\\WINDOWS\\Sysnative\\cmd.exe",
    "window.zoomLevel": 0,
    "java.home": "C:\\Program Files\\RedHat\\java-1.8.0-openjdk-1.8.0.131-1"
}

gráficos UML

carpetas ocultas

  • por defecto se ocultan estos directorios
  "files.exclude": {
    "**/.git": true,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/.DS_Store": true
  }
  • como quiero ver el directorio de git lo dejo de esta forma
  "files.exclude": {
    "**/.git": false,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/.DS_Store": true
  }
  • es la configuración que esta en el archivo C:\Users\jiranzo\AppData\Roaming\Code\User\settings.json

teclas rápidas

TOC

  • table of contents
  • varias formas de conseguirlo
  • Markdown: Create Table of Contents
    • parece que resuelve bien los acentos pero no soluciona bien lo de las cabeceras repetidas
    • se actualiza automáticamente incluso antes de guardar
    • la ventaja es que en la visión previo se ve ya la tabla de contenidos

snippets

  • muy interesante para automatizar tareas
  • el tutorial del propio Visual Studio Code
  • se definen por tipo de archivos
  • hay unos definidos para Markdown en C:\Program Files\Microsoft VS Code\resources\app\extensions\markdown\snippets\markdown.json
    • muy interesante para copiar ideas

problemas

imágenes solucionado

  • no veo la imagen de esta imagen si la pongo en un archivo como por ejemplo uml-md y si que se ven en 2017-10-05-bitacora.md

arriba

  • tampoco se ve en este archivo

java

  • el truco de java para cuando se queda pillado la compilación de los archivos java
    • borrar el contenido del directorio C:\Users\jiranzo\AppData\Roaming\Code\User\workspaceStorage funciona también en dga
    • en casa C:\Users\javie\AppData\Roaming\Code\User\workspaceStoragep

pestaña problemas de la consola

  • se queda un histórico de problemas aunque estén solucionados y no veo la forma de borrarlos

El contenido del disco es más reciente staleSaveError

  • con el proyecto aplicacionBaseGraficos me da continuamente este error El contenido del disco es más reciente. Haga clic en Comparar para comparar su versión con la que hay en el disco
  • esta información encuentro
"staleSaveError": "No se pudo guardar '{0}': El contenido del disco es más reciente. Haga clic en **Comparar** para comparar su versión con la que hay en el disco.",
  • hilo
  • sigo las instrucciones, comparo y acepto el cambio y de esta forma se solventa el problema.
    • pero no me parece lo correcto

artículos interesantes

keybindings.json