Visual Studio Code

Poco a poco Visual Studio Code ha superado a Sublime como el editor de texto más usado en Platanus.

Extensiones

Relacionadas al stack

  • Ruby
  • Vue: qué extensión usar depende de la versión de Vue del proyecto. Activa una de estas dos:
    • Vetur para proyectos en Vue 2
    • Volar para Vue 3
  • Jest
  • MJML
  • EditorConfig: los proyectos vienen con un .editorconfig que nos ayuda a tener algunas configuraciones básicas consistentes. Este plugin se encarga de leerlo y aplicar esas configuraciones a tu editor
  • Expo Tools: esta herramienta provee autocompletado para los archivos de configuración en proyectos mobile con Expo
  • Headwind (Deprecada): Estandariza el orden de las clases de Tailwind al guardar. Está desactualizada, no incluye todas las clases de las versiones actuales de tailwind. Para proyectos que tienen el plugin de tailwind de eslint, puedes usar el autocorrect, explicado en la sección de linters
    Por defecto Headwind no detecta las clases que se agregan a helpers de rails en un .erb usando class:. Para permitir esto se puede editar la configuración de la extensión en el settings.json de VSCode y poner el siguiente regex en la sección de html:
    `\\\\bclass\\\\s*[=:]\\\\s*[\\\\\\"\\\\']([_a-zA-Z0-9\\\\s\\\\-\\\\:\\\\/]+)[\\\\\\"\\\\']`

Auxiliares

Si no lo has hecho todavía, revisa la sección de linters.

OSX

Comandos más usados

  • cmd + p: Busca cualquier archivo del workspace abierto
  • cmd + shift + p: Busca cualquier comando disponible y lo ejecuta
Para más información, mirar aquí: https://code.visualstudio.com/docs/getstarted/keybindings

Windows

### WSL 2
Se puede conectar de manera "nativa" a WSL 2, sin tener que preocuparse de paths, compatibilidad de extensiones o performance, usando la extensión [Remote-WSL](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl).

Linux