Esta es una lista de Algunas configuraciones y extensiones que uso al día de hoy en Visual Studio Code.
Configuraciones Básicas
Estas son algunas de las configuraciones más frecuentes que uso en mi editor.
- tabSize: 2
- wordWrap: on
- zoomLevel: 1
- Emmet JSX, esto es vital para poder crear interfaces de forma rapida en React, pero lo genial es que incluso tambien permite autocompletar en Backticks de Javascript. bastante util cuando se esta usando Vanilla Javascript.
Temas
- Iconos:
- Material Icon Theme
- Temas
- Material Theme
- Dobri Next
- Material Theme Kit
Atajos de Teclado
Estos son algunos atajos que uso a diario:
- Ctrl + P, Buscar archivos
- Ctrl + 0, hacer focus al explorador de archivos, a parti de aqui puedes usar las teclas inicio, fin, arriba o abajo para moverte y luego enter para seleccionar el archivo
- Ctrl + ñ, para abrir una terminal
- ctrl + n, para crear un archivo nuevo
- ctrl + shift + n, para crear una carpeta nueva
- Ctrl + ', para abrir o hacer focus a la terminal, o si ya esta haciendo focus a la terminal que se mueva a la pestaña abierta del editor
- Ctrl + d, close the terminal
- Ctrl + shift + i, prettier
- Fold
{
"key": "ctrl+n",
"command": "explorer.newFile",
"when": "filesExplorerFocus"
}
{
"key": "ctrl+shift+n",
"command": "explorer.newFolder",
"when": "filesExplorerFocus"
}
{
"key": "ctrl+[Minus]",
"command": "workbench.action.terminal.focus"
}
{
"key": "ctrl+[Minus]",
"command": "workbench.action.focusActiveEditorGroup",
"when": "terminalFocus"
}
Aunque deben saber que como a veces cambio de teclado y este tiene layout en ingles, tiene que variar un poco, asi que los siguientes atjaos son cuando estoy usando un layout en español. Ademas como desarrollo más en Linux, algunos atajos pueden variar, asi que siempre usa lo que más comodo te parezca.
El objetivo de los atajos es que pierdas el menor tiempo posible.
Programación en General
Estas extensiones son las que uso independientemente del lenguaje de programación.
- Vim. Vim es uno de los editores más antiguos y populares en el sector, y si has usado sus modos de trabajo, atajos y configuraciones, debes saber que tambien es posible traer gran parte de sus funciones a VScode con esta extensión.
- Github Copilot (Preview)
- Tabnine, Otra extension que permite autocompleta basado en Machine Learning.
- GitLens
- Better Comments
- dotenv
Ademas de estas tambien estarian otras extensiones que uso relacionadas a un lenguaje especifico, pero que depende de lo que este desarrollando. Algunas son:
- Flutter
- C#
- C/C++
- GraphQL
- Python
- Extension Packt for Java
- Go
- Rust
- Solidity
Aunque tambien es posible usar otros lenguajes como:
- Swift
Javascript/Typescript
- ESLint
- Quokka.js (Wallaby.js)
Por supuesto tambien estan los frameworks de Javascript:
- Svelte
- Angular Essentials
- Vetur
- Deno
Python
- Jupyter Notebook
Desarrollo Web Frontend
- Prettier
- Live Server
- ES7 React Snippets
- TailwindCSS IntelliSense
- Open in Browser
Desarrollo Web Backend
- Thunder Client
- Rest Client
- Docker
Base de Datos
- Mongodb for VSCode
- PostgreSQL
- SQL Server (mssql)
Cloud
- Docker
- Kubernetes
- Azure functions
- Live Share
- Remote SSH
Javascript Framework
IntelliSense for CSS class names in HTML Better comments
Microsoft
Remote Development, wsl
Spanish Language
Arduino
Sublime Text Keymaps
Notepad++ Keymaps
React Native
Emacs Keymaps
docs-markdown
docs-yaml
Brackets Extension Pack
Git Graph
Otras extensiones
Afterhours Horizon Theme Horizon Theme Default GitHub Immersive Theme Tokyo Night Fluent Icons Markdown All in One
Deprected y soporte nativo
Bracket Pair Colorizer, Settings Bracket Pair Colorizer
Rename tag, settings > linkedEditing
Settings sync
lorem ipsum, solo escribe lorem
https://digitaldrummerj.me/vscode-bracket-pair-colorization/
https://www.roboleary.net/vscode/2020/08/05/dont-need-extensions.html