Visual Studio Code (VS Code) de Microsoft, es un editor de código fuente multilenguaje que permite la gestión y publicación de proyectos en GitHub, además de la edición de archivos en el lenguaje de marcas Markdown.
Keywords: VS-Code Setup Python Jupyter Markdown Powershell Material-Icon-Theme MagicPython HTML-CSS GitHub-Repositories GitHub-Pull-Requests-and-Issues
Para la gestión de repositorios GitHub a través de Visual Studio Code, es necesario instalar el entorno de desarrollo integrado (IDE) y diferentes extensiones.
- Instalar y configurar la interfaz VS Code.
- Instalar y configurar complementos documentación Markdown, Python, HTML, CSS y los complementos para gestión de repositorios de GitHub.
- Cuenta GitHub. 🎓Aprender.
- Ingrese a https://code.visualstudio.com/, seleccione su sistema operativo y de clic en el botón
Download.
- Desde la carpeta de descargas, ejecute el instalador, acepte los términos de licencia y de clic en el botón
Next >
Utilice la ruta por defecto direccionada a la carpeta de su usuario local y de clic en el botón Next >, utilice el nombre por defecto para la creación de la carpeta de Inicio.
En las opciones adicionales, marque las casillas Register Code as an editor supported file types y Add to PATH, de clic en Next > e Install
Al finalizar la ejecución, de clic en el botón Finish. Automáticamente, se abrirá la aplicación.
- En la ventana principal encontrará la pestaña Get Started que le permitirá realizar las configuraciones preliminares, para iniciar, seleccione el tema de su preferencia, p. ej., Light
- Active las opciones de sincronización de configuración entre múltiples dispositivos dando clic en el botón
Enable Settings Sync. En la parte superior de la ventana podrá observar que se muestran diferentes opciones de búsqueda y un botón para ingresar a su cuenta, de clic enSign in & Turn on
De clic en el botón Sing in with Microsoft para ingresar utilizando su cuenta de correo de Microsoft Outlook, o en Sign in with GitHub. Para este ejemplo, realizaremos el ingreso a través de una cuenta en GitHub.
De clic en el botón Authorize Visual-Studio-Code y luego en el botón Open Visual Studio Code
Luego de realizar el ingreso y la autorización, podrá observar en la parte inferior derecha de la ventana de VS Code, un mensaje indicando que las opciones de sincronización de configuración se encuentran activas.
- Visualice las instrucciones de One shortcut to access everything, correspondientes a la combinación de teclas Ctrl+Shift+P que permiten realizar desde la parte superior de la ventana, búsquedas de elementos dentro de todo el entorno de VS Code.
- En Rich support for all your languages, de clic en el botón
Browse Language Extensions
Automáticamente ha sido redireccionado al administrador de extensiones o Extensions Marketplace, cuyo atajo por teclado es Ctrl+Shift+X
En la casilla de búsqueda, ingrese e instale las siguientes extensiones:
GitHub Repositories
GitHub Pull Requests and Issues
Python de Microsoft
Luego de la instalación del paquete, podrá observar que se despliega una nueva pestaña Get Started para la configuración del entorno de Python dentro de VS Code.
De clic en el botón Select Python Interpreter, ingrese la ruta de Python instalada en su equipo local, p. ej., C:\Python310\python.exe
Jupyter de Microsoft
La instalación de Jupiter se realiza automáticamente al instalar la extensión Python de Microsoft
Markdown de Yu Zhang
Powershell de Microsoft
Material Icon Theme de Phillip Kief
Con esta extensión, podrá visualizar los íconos asociados a los archivos de Python y Markdown.
MagicPython de MagicStack Inc.
HTML CSS Support de ecmel
Busque e instale las demás extensiones requeridas para su proyecto.
- Desde la ventana principal Get Started, podrá observar que dispone de diferentes opciones de configuración adicionales de acuerdo a las extensiones instaladas.
La ventana Get Started puede ser abierta desde el menú Help / Get Started.
En la siguiente tabla se listan las actividades complementarias a ser desarrolladas por el estudiante.
| # | Alcance |
|---|---|
| 1 | Descargue, instale y configure VS Code. |
| 2 | Descargue, instale y configure las extensiones requeridas para el desarrollo de sus proyectos. |
| Pregunta | Respuesta |
|---|---|
| ¿VS Code permite la gestión Git de mis repositorios en GitHub? | Sí, a través de la extensión GitHub Repositories. |
Ayúdame desde este hilo de discusión a crear y/o responder preguntas que otros usuarios necesiten conocer o experiencias relacionadas con esta actividad.
- Referencias generales
- Abreviaturas y definiciones generales
- Consejos y buenas prácticas de desarrollo colaborativo
- https://code.visualstudio.com/docs/setup/setup-overview
- https://code.visualstudio.com/docs/setup/windows
- https://code.visualstudio.com/docs/getstarted/introvideos
- https://code.visualstudio.com/docs/getstarted/themes
R.TeachingResearchGuide es de uso libre para fines académicos, conoce nuestra licencia, cláusulas, condiciones de uso y como referenciar los contenidos publicados en este repositorio, dando clic aquí.
¡Encontraste útil este repositorio!, apoya su difusión marcando este repositorio con una ⭐ o síguenos dando clic en el botón Follow de rcfdtools en GitHub.
| ◄ Anterior | 🏠 Inicio | 🔰 Ayuda / Colabora | Siguiente ► |
|---|