Instalando Visual Studio Code

Además de instalar Python, en la sección de Extensions busqué e instalé Python extension for Visual Studio Code. Después de esto, fui al menú View -> Command Palette y escribir Python: Seleccionar intérprete. Espero a alguien más le sirva.

Si para terminar de configurar Python no les carga la opcion: >python: Seleccionar intérprete
Pueden probar:

• Descargando en VS “Python” como hicimos con los demas lenguajes.

• Una vez ya instalada la extensión desde el MarketPlace de VS, vamos View -> Command Palette y volvemos a escribir >python: Seleccionar intérprete

• Y despues seleccionar la opcion Python 3.8.3 32-bit

Espero que les sirva 😃

Paso 4.
.

Para quien no le salga la opción ‘Python: seleccionar interprete’ en VSC instalen la extensión llamada Python, de manera similar al paso de instalar Java Extension Pack, y ya les deberá aparecer.

PYTHON:

• Descargar Python:

https://www.python.org/downloads/

• Instalar la version de Python de la pagina oficial
• Instalar extension en VSC “Python”

Ahora que tenemos listo nuestro sistema de archivos terminemos la configuración de Python en VSC, vamos al menú View -> Command Palette y escribimos python “Seleccionar intérprete”

• Seleccionar el workspace CursoPOOUber
• Seleccionar la version de Python instalada de lapagina oficial: Python 3.8.3 32-bit
• crea un archivo json con la ruta:

“python.pythonPath”: “C:\Users\usuarioPC\AppData\Local\Programs\Python\Python38-32\python.exe”

Paso 1.

Paso 3.

Paso 2.

Para los usuarios de sistemas tipo Unix las rutas de php cambian. En mi caso uso Arch Linux, y las rutas que use fueron:

/opt/lampp/bin/php
/opt/lampp/bin/php

Tuve un problema para la configuración de Python, hay un punto que no se indica en esta clase pero lo indica en el enlace de “Aprende más aquí”. Y es que debe instalarse la extension de Python de lo contrario no aparecerá la opción de “Seleccionar intérprete” como indica la clase.

Para lo de python, una vez que se instala python hay que entrar al enlace sugerido: https://code.visualstudio.com/docs/python/python-tutorial y alli te mencionan que debes instalar otra extencion y asi pudes completar lo de python

🎨 Les recomiendo instalar un tema en Visual Studio Code para tener un entorno más acogedor. En mi caso utilizo el Drácula: https://draculatheme.com/visual-studio-code

no puedo activar el interprete de Python. vamos al menú View -> Command Palette y escribimos python “Seleccionar intérprete”

Para seleccionar el interprete de Python, tuve que instalar la extensión de python de microsoft para VSC!.
Empecemos!.

Si están empezando les recomiendo que instalen también una extensión llamada file-icons esta extensión le pone a cada archivo el icono de sus correspondiente lenguaje, lo cuál es muy útil al trabajar en proyectos con múltiples lenguajes

Tengo problemas con la configuración de Python, no me aparece la opción "Seleccionar intérprete…

¿Alguien puede ayudarme?

(command ‘python.setInterpreter’ not found)

Buenas. ¿Cómo están?

¿Soy la única persona a la que no le aparece la opción de “Add Workspace Folder” ? Solo aparecen las opciones de “New File” o “Open Folder” or “Clone Repository”. Tampoco pude instalar el selector de interprete de Python.

Muchas gracias.

Hola, para los que no pudieron hacer el último paso; descárguenlo desde las extensiones, les recomiendo Python Extension Pack, suerte a todos, aprendan mucho.
Éxito

En OS x, si al escribir Python en el Command Palette no obtienes ningún resultado, primero instala la extension para Python y listo.

El ultimo paso de python no me dio 😦

Ok lest do it!

Actualmente el último paso no se logra hacer, sin embargo, es más que suficiente que vayas a la sección de extensiones y descargues la extensión de Python, con eso podrás trabajar sin problemas. En mi opinión, te recomiendo que descargues la extensión de Python extension pack, puesto que te vendrán múltiples herramientas para facilitarte tu desarrollo.

mmmm… Ayuda, por favor 😃

**Para instalar en Linux **
Descargar Xampp de:
https://www.apachefriends.org/es/index.html

En la terminal buscamos el archivo en la carpeta de descarga y ejecutamos:

chmod 755 xampp-linux-*-installer.run

Luego instalamos Xampp:

sudo ./xampp-linux-*-installer.run

Eso es todo. XAMPP está ahora instalado en el directorio /opt/lampp.

Para la configuración de los Path usamos:

En el apartado Phpserver:
/opt/lampp/php/php.ini
En el apartado Phpserver:
/opt/lampp/php/php.exe

Espero que sea de ayuda !!!

Para los que están en WSL

1. Crean la carpeta con mkdir CursoPOOUber
2. Ingresan a la carpeta con cd CursoPOOUber
3. Repiten el mismo procedimiento de mkdir con las otras carpetas
4. Les recomiendo tener git y poner git init para trabar con versiones
5. Dentro del proyecto pueden poner code . para inicializar VSCode e instalar las extensiones

Creo que los cursos son muy desactualizados.

Listo!

Listo esto a reforzar los conocimientos!! vamos a por ello!!

Ojala pudiera actualizar este curso, sobre todo en los detalles técnicos o poner una guía de como poder solucionarlo. Ya lo logré pero no se si este bien la configuración o si haya algun detalle más adelante.

En el ultimo paso una vez seleccionamos el intérprete de Python, vscode muestra la versión de Python instalada en los pasos anteriores y disponible en nuestro equipo.

Hola, alguien puede explicar el motivo porque se debe colocar en VSC, “Python: Select interpreter” y si eso hay que hacerlo en todos los proyectos?

Para trabajar con Python les recomiendo las siguientes extensiones:

• Python UltiExtension Pack
• Python UltiSnippets
  Ambas extensiones han sido desarrolladas por mi 😄

listo , sugerencia para los que en el ultimo paso no les aparezca python solo deben instalarlo por medio de las extensiones y listo

A modo de sugerencia, para futuras versiones de este curso sería bueno que explicaran que para correr Java tienes que instalar el JDK, veo que en los comentarios muchos no pueden correr código Java porque no se detalla eso

Holda, todo bien pero el ultimo paso no me sale la opcion de python
¿Alguien puede ayudarme?

Listo todo, aunque no sé nada de Java ni Python y casi nada de JavaScript… ¡Pues a darle!

a mi no me sale seleccionar interprete en la command palette, ya instale todo lo de arriba, que creen que sea?

No me aparece python en el Command Palette y ya lo descargue

Hola, alguien sabe cuál es la versión de Python para windows 7, 32 bits? evidentemente la última versión 3.9.0 me avisa que no es compatible. Se los agradeceré muchísimo.

Listo, 😉

Tengo problemas con Python! 😦

Si quieren un buen tema les recomiendo horizon o material theme y la fuente dank mono

Yo tuve que instalar el extension de python, sin el no me aparecia “>Python select interpreter”

No me habia emocionado tanto de iniciar un curso, como ahora.

No encontre la extension de Python en el Visual Studio. Despues me daba error cuando ponia “Seleccionar interprete”

Encontre esta solucion que a mi me sirvio:

Buscar en google “Marketplace Visual Studio” (perdon, no me deja poner enlaces)
Poner en el buscador de esa pagina “Python extension for Visual Studio Code”. Instalarlo.
Una vez que ya esta instalado, ir a las extensiones en los tres puntitos de configuracion y elegir "Desactivar actualizacion automatica"
Despues ir a la extension de Python a la ruedita y elegir "Instalar una version anterior"
Elegir la version 2019.3.6558 (yo probe esa porque decia la pagina que funcionaba, no se si habra una version mas actual que funcione)
Cerre el VS, lo volvi a abrir, probe y ya no daba error.

no me salio ningun asistente para instalar phyton, descargo el archivo.exe , lo instalo pero no pasa nada !!

Para instalar correctamente xampp en linux, sigan este link:

https://www.apachefriends.org/es/faq_linux.html

10.208 inconvenientes para instalar xampp en MacOS 12.3; mas de 58 horas en stack overflow y un simple comando en la terminal que me vino a la cabeza cuando estaba poseído por un spirit programador “parece” que arreglo todo…“PARECE”.

Yo voy para descargar XAMPP para Mac a la página oficial, y me descarga en zip y estoy hace horas tratando que Winzip le haga el unzip pero no lo hace, es como que se haya quedado colgado, ya he tratado de todas las formas y buscado solución y no la encuentro. Creo que la parte de PHP no podré practicar por este motivo.

En este tutorial no menciona instalar una extensión de python en VSC para hacer la tarea de seleccionar interprete, deben instalar python en VSC para que salga esa opción.

Es mejor que hagan un video, con esas imágenes no queda bien explicado y uno puede cometer más de un error en la expliación

Hola. No me funcionó la configuración de Python en Windows con estas instrucciones menú View -> Command Palette y escribimos python “Seleccionar intérprete” … ¿Qué puedo hacer?

hola , a mi no me parece lo de add workspace folder,me pueden ayudar?

print(“Estoy Listo”)

System.out.println(“Estoy Listo”);

en lo personal no me agrado mucho la forma de inicio de istalacion de entorno de desarrollo paque hay algunos detalles que no se aprecian bien y a la mayoria nos da problemas veremos como nos va

Hola, soy de los que cuando escriben Python no les aparece nada, que hago…?

Uff VSCode no me anda en esta tostadora que tengo en la casa. Alguna opción para el Java en Sublime text 3 ?

A por este curso, a salvar el semestre pues :3

A salvar el semestre pues !!

tengo un error al instalar java
"java runtime could not be located"
Que hago?
ya instale java development kit

No me aparece python seleccionar intérprete ¿Alguna solución o alguien que me pueda ayudar? ):

Ya instale la extensión de Python for VSCode, y sigue sin salirme la opción que indicas:

-> Command Palette y escribimos python “Seleccionar intérprete”, tal como se muestra en la figura.

escribo esto: python “Seleccionar intérprete” y no aparece en el listado nada de Python

Faltaron unas cosas por explicar, pero todo que bien. A los que no pueden instalar Phyon porque no les aparece seleccionar interprete, hagan todo lo indicado y agreguenle buscar Python en EXTENSION e instalenlo.

Esto es mil veces mejor que cuando lo enseñan en la Universidad!! 💚

Bueno probé de todo y no me salio lo ultimo de python.

Te falata agregar que tienes que instalar el JDK para que funcione Java eso te lo recomiendo

Estoy Listo !!!

Listo

Hola! recomiendan python version 32 o 64 bits? gracias!

En cai todos los cursos de Platzi recomiendan VS code, pero yo soy rebelde y uso IntelliJ 😄

Me ha encantado Visual Studio Code

A modo de sugerencia… Estaría bueno que actualicen esta clase. Aunque los pasos son prácticamente los mismos, ya hubo algunos cambios.
También estaría genial que hagan un tutorial para cada SO como en otros cursos.

alguien ya termino todas las instalaciones en linux?

¿Y si no me corre VS Code?

Podrías usar:
⚛️ Atom: una opción más ligera
🔁 Repl.it: un sitio web donde puedes ejecuta programas y compartirlos.

Guys Buenos días.
Consulta, la pantalla de VS code me muestra el mensaje de la imagen https://ibb.co/vsvzTr8

Y aparte observo que, no me muestra la opción RUN que sale en el video, y esa opción le permite ejecutar directamente el archivo java.

Mi problema es que no logro ejecutar el programa de java, he visto videos en el que tengo que configurar manualmente unas opciones, pero como aquí no detalla ese procedimiento, asumo que algo me falta.

Ojo ya instalé todo lo sugerido arriba!!

En linux no es siguiente, siguiente, instalar, eso ocurre en Windows, por otro lado prefiero usar Codium, la versión libre de VSCode

Hola Comunidad, les comparto esta opción que es la instalación de XAMPP con docker.

https://hub.docker.com/r/tomsik68/xampp

Excellent tutorial, now it’s time to code!

les comparto este codigo para lo que no les levanta xampp, abran la terminal: rm -rf ~/.bitnami/stackman

Para Python, a mi paso que no mostraba nada al ejecutar el comando. Note que el archivo al verlo con ls en el apartado length tenia el valor de 0, por lo que solo le di guardar en archivo y listo “hola mundo”. espero les sirva, se probo versión de Phyton 3.10.1…

Así de bonita se mi estructura con las extension de iconos.

faltó un pasito :3 pero lo puse en la clase anterior

Agrego algunos Plugins que ayudan mucho

• Code Runner
• Live Server
• Live Server Preview
• Path Intellisense
• Prettier - Code Formatter

es triste pero mi pc no acepta Visual Studio Code, acepta el Visual Studio Normal 😦

Les recomiendo la extensión Material Icon Theme para que su VS Code se vea más bonito al mostrar los íconos de los lenguajes que están trabajando. Clic aquí para ver la extensión.

Listo
🤖

Recomiendo librerías:

1. ESLint (Dirk Baeumer)
   ESLint (opens new window)es un analizador de código que nos permite escribir código de calidad. Con esta extensión y una configuración básica que deberás crear en tu proyecto, Visual Studio Code te permitirá analizar e identificar problemas en tu código JavaScript y Typescript antes de ejecutarlo.

ESLint (Dirk Baeumer)(opens new window)

#2. Tailwind CSS IntelliSense (Brad Cornes)
Con esta extensión vamos a conseguir una experiencia de desarrollo más avanzada cuando en nuestro proyecto hayamos activado el uso de Tailwind CSS y creando el fichero de configuración tailwind.config.js.

Tailwind CSS IntelliSense (Brad Cornes)(opens new window)

Si te interesa saber qué es Tailwind CSS o cómo combinarlo con Angular e inclusive con Angular Material, echa un vistazo a estos otros artículos: ¿Qué es Tailwind CSS? e Integrar Tailwind CSS con Angular Material en una aplicación Angular.

#3. Prettier - Code formatter (esbenp.prettier-vscode)
Prettier (opens new window)es un formateador de código ampliamente utilizado y que nos permite estandarizar la estructurar de nuestro código. Esta extensión integra sus características con el sistema de formateo de documentos y bloques de código de Visual Studio Code.

Prettier - Code formatter (esbenp.prettier-vscode)(opens new window)

Si al formatear los ficheros de una aplicación Angular tienes problemas en que aplique la comilla simple, asegúrate de tener tu fichero .editorconfig correctamente configurado con la propiedad quote_type = single.

#4. XML Tools (Josh Johnson)
A falta de soporte nativo en Visual Studio Code, esta extensión le añade herramientas de formato XML, XQuery y XPath.

XML Tools (Josh Johnson)(opens new window)

#5. C# (Microsoft)
El soporte para C# es opcional en Visual Studio Code por lo que si quieres usarlo para crear tus proyectos en dicho lenguaje, esta extensión te será de gran ayuda.

C# (Microsoft)(opens new window)

#6. GitLens (Eric Amodio)
Si queremos potenciar la integración de Git con Visual Studio Code, ésta es nuestra extensión. Facilita el análisis, exploración y trabajo con repositorios Git (opens new window)entre otras funcionalidades. Es ya un imprescindible si trabajas con Git.

GitLens (Eric Amodio)(opens new window)

#7. gitflow (vector-of-bool)
Si utilizas el flujo de trabajo gitflow (opens new window)para gestionar tus ramas en Git, no deberías dejar de lado esta extensión para agilizar tus procesos.

gitflow (vector-of-bool)(opens new window)

#8. Live Server (Ritwick Dey)
Esta extensión ofrece de una manera muy rápida un servidor de desarrollo en vivo, fácil de usar y con recarga automática del navegador.

Live Server (Ritwick Dey)(opens new window)

Si además quieres conocer otras alternativas para servir archivos HTML estáticos desde Visual Studio Code, echa un vistazo a este otro artículo: Servir archivos HTML estáticos localmente con Node.js y http-server.

#9. Angular Essentials (johnpapa.angular-essentials)
Este es más bien un paquete de extensiones creado por John Papa para Visual Studio Code y que agrega las extensiones por él consideradas como más útiles para el desarrollo de aplicaciones Angular. Algunas efectivamente creo que son realmente imprencidibles para trabajar con dicho framework, pero otras igualmente pueden ser muy útiles para otros fines, así que también las encontrarás en esta lista.

Angular Essentials (johnpapa.angular-essentials)(opens new window)

#10. Vetur (Pine Wu)
Podríamos considerar esta extensión como una caja de herramientas para Vue.js (opens new window)en Visual Studio Code. Con ella tendrás resaltado de código, fragmentos de código (snippets), soporte Emmet (opens new window)(más allá del soporte Emmet nativo de Visual Studio Code (opens new window)), validación de código, formateo y autocompletado.

Vetur (Pine Wu)(opens new window)

#11. i18n Ally (Lokalise)
Puedes considerar esta extensión como un todo en uno para la internalización de ficheros desde Visual Studio Code, ya que te ayudará a trabajar con tus ficheros de traducción desde múltiples frameworks.

i18n Ally (Lokalise)(opens new window)

#12. Bracket Pair Colorizer 2 (CoenraadS)
Esta extensión usa distintos juegos de colores para facilitar la identificación visual de los diferentes corchetes, llaves o paréntesis presentes en nuestro código.

Bracket Pair Colorizer (CoenraadS)(opens new window)

Desde la versión 1.60 ya contamos con esta funcionalidad de manera nativa en Visual Studio Code y dado que no está implementada de manera completamente idéntica a lo que ofrece la extensión, te sugiero que pruebes ambas opciones y elijas la que más te interese. Ten además en cuenta que Bracket Pair Colorizer 2 ya no se mantiene, así que es posible que en algún momento debas activarte la funcionalidad nativa. Para habilitar la nueva funcionalidad debemos configurar “editor.bracketPairColorization.enabled”: true, así que pulsamos Ctrl+, escribimos bracketPairColorization en la caja de búsqueda y marcamos el check de la opción encontrada (Editor > Bracket Pair Colorization: Enabled).

#13. JavaScript (ES6) code snippets (charalampos karypidis)
Esta extensión nos permite crear fácilmente fragmentos de código JavaScript con la sintáxis ES6 mediante el uso de pequeños atajos de teclado.

JavaScript (ES6) code snippets (charalampos karypidis)(opens new window)

#14. language-stylus (sysoev)
A falta de soporte nativo en Visual Studio Code para ficheros Stylus, esta extensión añade el resaltado de sintaxis y finalización de código en dichos tipos de archivos.

language-stylus (sysoev)(opens new window)

#15. Spanish Language Pack for Visual Studio Code (Microsoft)
Me gusta hacer uso del inglés en mi día a día como desarrolador de software, así que personalmente prefiero programar en inglés y la versión también en inglés de mis aplicaciones como Visual Studio Code, pero si todavía no quieres dar ese paso, puedes instalarte esta extensión que te permitirá tenerlo completamente personalizado en español.

Spanish Language Pack for Visual Studio Code (Microsoft)(opens new window)

#15+1. Material Icon Theme (Philipp Kief)
Si quieres dar un toque visual diferente al explorador de ficheros, esta extensión ofrece un paquete de iconos alternativos y personalizables que te podría interesar.

Material Icon Theme (Philipp Kief)(opens new window)

Listo el pollo:

Me causo problema al momento de agregar carpetas al nuevo workspace, a alguien más le ocurrió?

Si alguien tiene problema para instalar en su el interprete de PHP en su MAC puede usar el siguiente enlace para descargar y ejecutar el archivo instalador
https://sourceforge.net/projects/xampp/

Excelente! Fue bastante interesante preparar todo eso para el proyecto. Se siente que el profesionalismo que viene para este proyecto.

Si no quieres instalar todo esto, puedes crear, codificar, colaborar y compartir tus proyectos fácilmente y gratis en REPLIT.COM y listo. 😉

Los que no quieran instalar nada pueden usar https://replit.com/

Me salió SELECTION INTERPETER… En ingles… Sinceramente lo esperaba en español pero supongo que debe funcionar igual

les comparto las extensiones que uso en visual con un tipo de letra neón https://daniel-diaz-r.netlify.app/blog/workplace/
https://daniel-diaz-r.netlify.app/blog/

Vamos con todo!