?‍? Como instalar SUBLIME TEXT y como correr los programas realizados en el canal ?‍?

Por Administrador

Me han llegado preguntas sobre qué editor de texto uso para realizar los videotutoriales de OpenCV con Python que tengo en mi canal de youtube y como configurarlo para poder seguirlos paso a paso. Así que en este post veremos como instalar Sublime Text en Windows y además veremos algunos ejemplos de como ejecutar los programas realizados en python.

Antes de pasar con el contenido de este post, debo aclarar que se puede usar cualquier otro editor de texto o IDE, como pycharm o incluso el propio IDE que python nos ofrece, no necesariamente Sublime Text. Hago este tutorial dado que muchas personas tienen inquietud por este editor de texto, por los videos tutoriales.

Además para este post asumiré que ya se ha instado Python y OpenCV. Si aún no los has instalado puedes ver el tutorial: Como instalar PYTHON ? y OPENCV ?️ en Windows [ Fácil y rápido ], y luego este tutorial. 

CONTENIDO:

  • Verificando que se tenga instalado Python y OpenCV
  • Instalar de Sublime Text
  • Como ejecutar un programa en Python con Sublime Text
  • Como ejecutar un programa en Python con el símbolo del sistema / cmd / terminal
  • Ejemplo de como ejecutar un programa de Python con OpenCV
  • Ejecutando un programa de Python Y OpenCV con entornos virtuales (explicado brevemente)
  • Algunos elementos que me gustan de Sublime Text

Verificando que se tenga instalado Python y OpenCV

Figura 1: Verificar que Python y OpenCV estén instalados.

Para comprobar que tengamos instalado Python y OpenCV voy a abrir el símbolo del sistema, allí voy a digitar python, y podremos ver que en mi caso tengo instalado Python 3.8.3. Voy a importar OpenCV y digitamos cv2.__version__ para obtener la versión instalada. En este caso es la 4.5.1. Y salimos del intérprete de Python con quit(). 

Ahora procedemos a la descarga del instalador de Sublime Text junto con su instalación.

Instalar Sublime Text

Primero vamos a descargar el instalador de Sublime text para ello nos dirigimos a www.sublimetext.com Y vamos a la sección de DOWNLOAD, allí podremos descargar el instalador de acuerdo al sistema operativo de nuestro computador.

Figura 2: Sección Download, en www.sublimetext.com

En mi caso voy a descargar el instalador para Windows de 64 bits. Y esperamos a que se realice la descarga. 

Una vez que se haya descargado vamos a dar clic en el archivo descargado y vamos con siguiente, siguiente, instalar y se nos desplegará la siguiente ventana en donde seleccionaremos finalizar.

Figura 3: Ultima ventana para la instalación de Sublime Text.

Ahora que ya tenemos instalado Sublime Text, vamos a abrir el programa y para indicarle que debe correr los programas con python vamos a realizar los siguientes pasos: 

Figura 4: Configurar Sublime Text para que se ejecuten los programas hechos en python.

  1. Ir a Tools.
  2. Build System
  3. Elegir Python

Una vez seleccionada esta opción podremos correr los programas que realicemos en python desde Sublime Text.

Como ejecutar un programa en Python con Sublime Text

Una vez que seguimos los pasos para seleccionar Python en Build System, podemos ejecutar los programas que realicemos en python. Para realizar una pequeña prueba, voy a crear un programa que tendrá solo una línea de código:

print("Hola Mundo! :)")

Para ejecutar esta línea de código me dirijo a Tools y selecciono Build (el atajo para realizar este proceso es ctrl + b).

Figura 5: Correr programas de Python en Sublime Text.

Una vez que hemos corrido el programa ya sea eligiendo Build o con ctrl + b, obtendremos lo siguiente:

Figura 6: Resultado de haber ejecutado el programa en Sublime Text.

Como ejecutar un programa en Python con el símbolo del sistema / cmd / terminal

Si eres seguidor de mi blog y canal te habrás podido dar cuenta que suelo usar otra ventanita (aparte de Sublime Text) para ejecutar los programas, y es que uso el símbolo del sistema. Esto quiero aclararlo porque hay muchas personas que me han preguntado ¿qué programa/ventana es esa?. 

Bien, así que voy a ejecutar el mismo programa creado, pero ahora a través de cmd, para ello me ubico en el directorio donde esté el archivo, una vez allí digito python, seguido del nombre del archivo con su extensión py. Y tenemos que se ha impreso Hola Mundo! 🙂. 

Figura 7: Resultado de haber ejecutado el programa usando el Símbolo del sistema.

En la figura 7 podemos ver el proceso para ejecutar un programa en Python. En primer lugar nos ubicamos en el directorio donde está presente el archivo a ejecutar, una vez allí hemos digitado python leer_imagen.py (que es el nombre que le he asignado al programa junto con su extension .py), como podemos ver que apunta la flechita de la figura 7. También podemos ver que en la siguiente línea se ha ejecutado el programa.

Ejemplo de ejecutar un programa de Python con OpenCV

Hasta ahora probamos la ejecución con un pequeño programa que solo nos llevó una línea. Ahora pasemos a realizar un pequeño programa para leer una imagen usando OpenCV. Este programa lo ubicaremos en el mismo script que antes habíamos creado, simplemente borraremos la línea anterior.

import cv2

image = cv2.imread("imagen_001.jpg")
cv2.imshow("Image", image)
cv2.waitKey(0)
cv2.destroyAllWindows()

Línea 1: Importamos OpenCV.

Línea 3: Leemos la imagen de entrada. Para esta prueba puedes leer cualquier otra imagen.

Línea 4 a 6: Visualizamos la imagen hasta que una tecla sea presionada. Cuando se presione cualquier tecla, entonces la ventana de visualziación se cerrará.

NOTA: Para información más detallada sobre leer, visualizar y almacenar imágenes con OpenCV, por favor dirígete a este tutorial: ¿Cómo leer, visualizar y guardar una imagen en Python usando OpenCV?.

Una vez finalizado el programa podemos ejecutarlo yendo a Tools y luego Build, o con ctrl + b. Obtendríamos lo siguiente:

Figura 8: Resultado de haber ejecutado un programa para leer una y visualizar una imagen con OpenCV y python.

De la misma manera podríamos ejecutar este programa con el símbolo del sistema, como lo habíamos realizando anteriormente.

Ejecutando un programa de Python y OpenCV con entornos virtuales (explicado brevemente)

Otra pregunta que suelen hacerme es de porque hay un «(cv)», al lado izquierdo en el cmd, cuando se procede a ejecutar un programa. Esto es debido a que uso entornos virtuales, que permiten crear entornos de python aislados. 

Figura 9: Ejemplo de tutorial en donde usé entornos virtuales para ejecutar el programa. Video Template matching | OpenCV con Python https://youtu.be/CWPfo6qU82Y

Esto vi que lo usan en pyimagesearch, mi blog favorito de visión por computador. Por lo que decidí usarlos, esto me permite tener distintas versiones de paquetes instalados en python. 

NOTA: Hay que tener en cuenta que no es necesario tener instalados entornos virtuales para ejecutar los programas del canal y blog, simplemente es otra opción. En esta oportunidad voy a tratar de forma breve el tema de los entornos virtuales, pero si quieres que haga un post o video hablando de ellos, puedes dejármelo en los comentarios.

Para el manejo de los entornos virtuales uso virtualenv, una vez creados los activo indicando el nombre del entorno virtual/Scripts/activate (en el caso de Windows). Y para indicar que está activo dicho entorno, se ubica automáticamente el nombre de este entre paréntesis a la izquierda. 

Figura 10: Una vez que nos ubicamos en el directorio donde se encuentra nuestro entorno virtual, procedemos a activarlo. Y para indicar que este se ha activado se ubica entre paréntesis el nombre de dicho entorno virtual, a la izquierda en el cmd.

Podemos realizar una prueba, así que como lo hicimos al inicio de este post vamos a digitar python en el símbolo del sistema o cmd, para luego importar OpenCV y visualizar la versión instalada.

Figura 11: Activado el entorno virtual, ingresamos al intérprete de python y visualizamos la versión de OpenCV instalada.

Como podrás ver en la figura 11, en el entorno virtual llamado «cv» tengo una versión de OpenCV diferente a la que habíamos visto antes, en el inicio de este post.

Para ejecutar el programa recientemente creado con el entorno virtual, podemos realizar el mismo procedimiento que realizamos antes en el símbolo del sistema.

Figura 12: Una vez activado el entorno virtual, nos ubicamos en el directorio donde esté presente el archivo a ejecutar, y luego lo ejecutamos.

Obtendríamos el mismo resultado que tenemos en la figura 8, visualzando la imagen leída con OpenCV.

Algunos elementos que me gustan de Sublime Text

Aparte de la interfaz sencilla que posee Sublime Text, me agrada el minimap que posee en la parte superior derecha.

Figura 13: Minimap.

Si por ejemplo selecciono una variable, esta se resalta en todo el código y también en el minimaphaciendo de esta una acción útil cuando desarrollamos programas un poquito más largos.  

Figura 14: Texto seleccionado se resalta en el minimap.

De igual manera si seleccionamos una variable y damos ctrl + d, se irán seleccionando 1 a 1 todas las coincidencias. 

Figura 15: Selección múltiple de acuerdo a coincidencias.

También podemos trabajar con varias líneas a la vez. Manteniendo presionado ctrl y dando clic en cada espacio que deseemos modificar. 

Figura 16: Selección de varias líneas de código a la vez.

También podemos visualizar una barra lateral al lado izquierdo, para activarla vamos a View > Side bar > Show side bar. Si por ejemplo abrimos desde sublime una carpeta nueva, podemos ver todos los archivos que esta carpeta posee. 

Figura 17: Barra lateral en la sección izquierda de sublime text.

Existen muchas otras funcionalidades más que posee sublime text, en este post he descrito unas cuantas de forma breve. 

Por otro lado podemos ver que la instalación del editor de texto no es complicada. Además de que se pueden buscar plugings para darle más funcionalidad a este editor de texto.

Hemos visto también algunas formas en las que podemos ejecutar los programas que realicemos para python, ya sea si usas entornos virtuales o no. 

Y hemos llegado al final del video de hoy, espero que les haya gustado. ¡Nos vemos en el siguiente tutorial, chao chao!. 🙂