Esta publicación se basa en el trabajo realizado por @avanslaars, quien es un compañero instructor en egghead.io. Compartió esto en el Slack cabeza de huevo hace algún tiempo y nunca pude configurar esto yo mismo.
Ahora, estoy configurando una nueva computadora portátil y decidí darle una oportunidad. Siguiendo el repositorio de Andy aquí, lo guiaré a través del proceso para que pueda seguirlo.
Antes de comenzar, un "perfil de código" es esencialmente una settings.json
configuración diferente . También puede personalizar qué extensiones se cargan por perfil de código, pero eso está fuera del alcance de este artículo.
1. Crea un code_profiles
directorio
Lo primero que debemos hacer es crear un lugar para almacenar nuestra "configuración de perfil". No es necesario que se llame code_profiles
, pero usaremos ese término ya que Andy lo hace y suena bien.
Mantiene el suyo en la raíz de su computadora, así que nosotros haremos lo mismo:
# From the root of your computer ~/ mkdir code_profiles
Después de haber terminado, cd
en ese directorio:
cd code_profiles
2. Crea tu primer perfil
Como voy a usar esto para las grabaciones de egghead, voy a crear un nuevo directorio llamado egghead
:
# mkdir name-of-profile mkdir egghead
Luego cd
en ese directorio:
cd egghead
3. Agregue su settings.json
VSCode espera un data
directorio con un User
subdirectorio. Allí, colocaremos nuestra configuración:
# -p will create parent directories as needed mkdir -p data/User
Después de User
crearlos , cambie a ese nuevo subdirectorio y cree su settings.json
archivo:
# Go into that directory cd data/User # Create your settings file touch settings.json
Luego abra su settings.json
archivo y agregue su configuración. Agregaré una versión modificada de lo que Andy tiene en su:
{ "editor.tabSize": 2, "editor.quickSuggestions": false, "editor.parameterHints": false, "editor.suggestOnTriggerCharacters": false, "editor.hover": false, "editor.fontSize": 18, "editor.tabCompletion": true, "window.zoomLevel": 1, "workbench.colorTheme": "Night Owl", "editor.cursorBlinking": "solid", "editor.cursorStyle": "line", "editor.minimap.renderCharacters": false, "terminal.integrated.fontSize": 16, "explorer.openEditors.visible": 0 }
4. Pruebe su nuevo perfil de código
Ahora asegurémonos de haber hecho todo bien. Suponiendo que ya ha configurado VSCode para [iniciar desde la línea de comandos] (// code.visualstudio.com/docs/setup/mac#_launching-from-the-command-line, podemos lanzar nuestro nuevo perfil ejecutando:
# replace CODE_PROFILE_NAME with the profile name used earlier code --user-data-dir ~/code_profiles/CODE_PROFILE_NAME/data
Y si funcionó, debería ver VSCode abierto con su configuración:

5. Cree un alias para su perfil.
No sé ustedes, pero no quiero tener que recordarlo, code --user-data-dir ...
así que sigamos el consejo de Andy y creemos un alias.
Estoy usando, zsh
así que voy a agregar este alias a mi .zshrc
archivo usando la palabra clave "enseñar":
# replace CODE_PROFILE_NAME with the profile name used earlier alias teach="code --user-data-dir ~/code_profiles/CODE_PROFILE_NAME/data"
Ahora, cuando desee utilizar este perfil de código, todo lo que tiene que hacer es escribir:
teach ~/projects/lesson
¡Woohoo! Y eso es.
Un agradecimiento especial a @avanslaars por compartir esto. Aquí hay un enlace a su code_profiles
repositorio donde aprendí cómo hacer esto.
NOTA : Si está utilizando VSCode en modo portátil, hay un error conocido en el que la bandera user-data-dir
no funciona actualmente (gracias especiales a @myfonj por señalar esto).
###
Esta publicación apareció por primera vez en DEV.
? Shameless Plug: si quieres ver más contenido como este, suscríbete a mi newsletter: //buttondown.email/jsjoeio