Configuracion Visual Studio Code

1.- Instalar desde su pagina web

1.1 Para iniciar un proyecto solo crear la carpeta y arrástrala al editor.


2.- Visual studio code ya trae algunos plugins por default como por ejemplo Emmet el cual proporciona atajos para html.

li*5
html:5

3.- Usando la pestaña de búsqueda:

4.- La pestaña de 4 son extensiones.

5.- Algunas configuraciones en el engrane son:
fontsize: 16
wordwrap: on (para que se siga trabajando sobre la misma linea)

6.- Crtl + Shift + ñ : o P esta es para crear una nueva terminal en el proyecto (Power shell por default).
Ahora puedes crear una carpeta mkdir img por ejemplo.

7.- Terminal integrated font size (cambia el tamaño de la terminal)

8.- Para integrar un navegador directamente en la tuerca, extensions buscar open in browser
Ahora desde el index.html puedes dar click derecho y open in browser.

9.- Puedes instalar un servidor para hacer pruebas locales solo instala desde la tuerca --> extensions
Live Server, ademas de eso, mientras vas trabajando tu proyecto se va actualizando
Solo tienes que seleccionar el index y dar click derecho y open with live server
Para activar el servidor lo puedes bajar o subir desde la barra inferior de VSC

10.- Otro plugins muy util es brakets pair colorizer el cual te resalta las llaves correspondientes a cada elemento .

11.- Un plugin mas puede ser vscode-icons este plugins te será de ayuda para agregar iconos al tipo de archivos y carpetas de tu proyecto.

12.- puedes crear repositorios usando la ramita de icono, luego agregar la ramita y luego agregar los archivos y dar el nombre del commit
comandos para configurar desde nueva terminal:
git config --global user.name "Pok"
git config --global user.email "pok@mail.com"

13.- Para subir tus cambios a un repositorio solo creas el repo desde la página.
y ejecutas:

git remote add origin https://gitlab.com/pokreador/visualstudio.git

git add .

git commit -m "inictial commit"

git push -u origin master

desde la consola.