Sublime Text - Guía rápida

Sublime Text Editor es un editor de texto con todas las funciones para editar archivos locales o una base de código. Incluye varias funciones para editar la base de código que ayuda a los desarrolladores a realizar un seguimiento de los cambios. Varias características que son compatibles con Sublime son las siguientes:

  • Resaltado de sintaxis
  • Sangría automática
  • Reconocimiento de tipo de archivo
  • Barra lateral con archivos del directorio mencionado
  • Macros
  • Complementos y paquetes

El editor de texto Sublime se utiliza como editor de desarrollo integrado (IDE) como el código de Visual Studio y NetBeans. La versión actual del editor de Sublime Text es 3.0 y es compatible con varios sistemas operativos como Windows, Linux y MacOS.

¿Por qué Sublime Text?

Cuando utiliza un editor de texto adecuado, puede disfrutar de sus ricas características beneficiosas. Sublime Text ofrece a sus usuarios los siguientes beneficios:

  • Capacidad para resolver errores del enlazador.
  • Realizar un seguimiento de todos los archivos y carpetas con los que trabajar.
  • Conectividad con sistemas de control de versiones como Git, Mercurial.
  • Capacidades de resolución de problemas.
  • Mantener la combinación de colores para la combinación de sintaxis.

Puede descargar Sublime Text desde su sitio web oficial: www.sublimetext.com . En el próximo capítulo, aprenderemos sobre el procedimiento de instalación del editor Sublime Text en varios sistemas operativos.

El editor de texto Sublime es compatible con los siguientes sistemas operativos principales:

  • Windows
  • Linux y sus distribuciones
  • OS X

Puede descargar Sublime Text desde su sitio web oficial - www.sublimetext.com

En este capítulo, aprenderá sobre la instalación de Sublime Text en varios sistemas operativos.

Instalación en Windows

Tendrá que seguir los pasos que se muestran a continuación para instalar Sublime Text en Windows:

Step 1 - Descarga el .exe paquete del sitio web oficial como se muestra a continuación -

https://www.sublimetext.com/3

Step 2- Ahora, ejecute el archivo ejecutable. Esto define las variables de entorno. Cuando ejecuta el archivo ejecutable, puede observar la siguiente ventana en su pantalla. Hacer clicNext.

Step 3 - Ahora, elija una ubicación de destino para instalar Sublime Text3 y haga clic en Next.

Step 4 - Verifique la carpeta de destino y haga clic en Install.

Step 5 - Ahora, haga clic en Finish para completar la instalación.

Step 6 - Tras una instalación exitosa, su editor aparecerá como se muestra a continuación -

Instalación en Linux

Deberá seguir los pasos que se muestran a continuación para instalar Sublime Text en distribuciones de Linux:

Step 1 - Usando el terminal de línea de comando, instale los paquetes para el editor de Sublime Text, usando el comando que se proporciona a continuación -

sudo add-apt-repository ppa:webupd8team/Sublime-Text-3

Step 2 - Actualice los paquetes usando el siguiente comando -

sudo apt-get update

Step 3 - Instale el repositorio de Sublime Text usando el siguiente comando -

sudo apt-get install Sublime-Text

Después de la ejecución exitosa de los comandos mencionados anteriormente, encontrará que el editor de texto Sublime está instalado en el sistema.

Instalación en OSX

Para los sistemas operativos OSX,

  • Descargar el .dmg archivo de Sublime Text Editor.

  • Ábralo y arrastre y suelte en el Applications carpeta.

  • Siga los pasos que ha visto en los dos casos anteriores.

  • Iniciar la aplicacion.

A lo largo de este tutorial, nos centraremos en el uso del sistema de control de subversión, Git y bit bucket en combinación con el editor de Sublime Text.

Al igual que con cualquier otro editor de texto, trabajar en un repositorio específico es el aspecto clave de Sublime Text. Se muestra en detalle en los pasos que se indican a continuación:

Step 1- Considere la posibilidad de clonar un repositorio desde el depósito de bits. Tenga en cuenta que trabajaremos con scripts de Python a lo largo de este tutorial.

Step 2 - Incluya el repositorio en el editor de Sublime Text usando la opción Abrir carpeta, como se muestra a continuación.

Step 3 - Después de incluir el repositorio, la pantalla del editor de Sublime Text será como se muestra a continuación -

Puede elegir el archivo que desea abrir de la lista que se muestra en el lado izquierdo de la pantalla, como se muestra en la imagen a continuación:

Tenga en cuenta que la combinación de colores reconoce las palabras clave y los paquetes incluidos en el código.

En este capítulo, aprenderá paso a paso cómo crear un archivo en Sublime Text.

Step 1 - Usa la opción New File para crear un archivo en el editor de Sublime Text.

Step 2 - Una vez que el nuevo archivo esté disponible, puede insertar el código, similar a cualquier otro editor de texto, y guardar el archivo en su repositorio de trabajo.

Step 3 - Una vez que guarde el archivo asociado, el editor de Sublime Text proporciona una variedad de opciones basadas en el tipo de archivo, por ejemplo .php para scripts PHP, .py para scripts de Python y .java para base de código Java.

Step 4 - Como nuestro repositorio de código está en el proyecto Python, guardaremos el archivo como demo1.py, como se muestra a continuación -

Los editores de código permiten a los usuarios editar los scripts de código y los documentos de texto con varias teclas de acceso directo. En este capítulo, comprendamos a través de varios ejemplos acerca de las opciones de edición del primer documento de texto en Sublime Text.

Redacción simultánea

En este ejemplo, verá cómo agregar declaraciones de impresión en dos ubicaciones.

Step 1 - Considere el primer script de Python con el siguiente código en él -

Step 2- Supongamos que, en el guión dado, desea mencionar los puntos de inicio y finalización del bucle, utilizando declaraciones simples. Puede escribir la declaración de impresión donde sea necesario, sin embargo, en el editor de Sublime Text puede agregar simultáneamente comentarios y declaraciones en dos lugares con un atajo deCtrl+cursor punto para Windows o Linux, y Cmd+cursorpunto para Mac. Luego, puede ver los puntos del cursor como se menciona a continuación:

Step 3 - Ahora, puede insertar las declaraciones de impresión en ambas ubicaciones de los puntos de cursor mencionados, como se muestra en la imagen a continuación.

Encontrar ocurrencias

El editor de Sublime Text incluye una función para encontrar las ocurrencias de las palabras clave incluidas en los scripts. La tecla de método abreviado para buscar ocurrencias de la palabra clave esCtrl+D después de resaltar la palabra clave asociada.

Si desea buscar una palabra clave, diga print del código dado, puede usar Ctrl+D o Cmd+D para obtener el recuento de apariciones de la palabra clave asociada.

Agregar comentarios en línea

Podemos agregar comentarios al final de la línea usando la tecla de atajo Ctrl+Shift+L para Windows y Cmd+Shift+L para el sistema operativo Mac después de seleccionar la sección de código donde realmente necesita el comentario.

Hay varios tipos de edición de código y teclas de método abreviado que se utilizan en el editor de Sublime Text:

  • Dividir la selección en líneas
  • Envolviendo el párrafo completo en un archivo HTML
  • Encontrar todas las ocurrencias

Este capítulo trata cada uno de ellos en detalle.

División de la selección en líneas

La combinación de teclas Ctrl+Shift+Lle permite seleccionar los bloques de líneas y dividirlos, en Windows. La captura de pantalla que se muestra a continuación explica esto:

Envolver el párrafo completo en un archivo HTML

La combinación de teclas Alt+Shift+wpara Windows y Cmd + Shift + w para Mac, permite al usuario dividir las secciones de código y crear varios párrafos. Se lo conoce comowrap selection with html tag. Esto también le permite incluir etiquetas HTML usando el editor Sublime.

La captura de pantalla que se muestra a continuación explica cómo ajustar el texto con una etiqueta HTML:

Después de envolver el texto, el texto envuelto con una etiqueta HTML se verá como se muestra a continuación:

Encontrar todas las ocurrencias

El patrón clave Ctrl+Shift+fle permite encontrar una palabra clave en un proyecto determinado. La captura de pantalla que se muestra a continuación explica esto:

La tecla de método abreviado abre una ventana con tres opciones incluidas, a saber find, where y replace,

dónde,

  • find se refiere a la búsqueda de la palabra clave en particular,

  • where menciona la sección sobre qué repositorio se busca, y

  • replace menciona la palabra clave que se reemplaza en lugar de buscar palabra clave.

Linting es el proceso de marcar construcciones sospechosas y que probablemente sean errores en cualquier lenguaje de programación.

Sublime Linter es el paquete de Sublime Text que le ayuda a realizar borrado en Sublime. Ayuda a crear archivos en diferentes modos para la manipulación del código base. No es un paquete integrado y debe instalarlo manualmente.

Puede instalar cualquier control de paquete en el editor de Sublime Text utilizando la combinación de teclas de acceso directo Ctrl+Shift+Py seleccionando el Package Control: Install Package opción.

Seleccione el paquete asociado para instalar en el editor de Sublime Text. Para instalar Sublime Linter, debe seleccionar la opción deSublimeLinter enchufar.

Tras una instalación exitosa, su pantalla se verá como se muestra a continuación:

Modos de sublime linter

Sublime Linter se ejecuta en cuatro modos diferentes como se menciona a continuación:

Modo de fondo

Cuando la tecla Sublime Linter se establece en true, el borrado se realiza en segundo plano constantemente cada vez que se modifica el archivo.

Modo de carga y ahorro

Cuando la tecla Sublime Linter está configurada en, linting load savese realizará cuando se cargue un archivo desde el repositorio.

Modo de solo guardar

Cuando la tecla Sublime Linter se establece en save only modo, el linting se realiza mientras se guarda el archivo en particular en el repositorio de trabajo.

Modo bajo demanda

En el modo bajo demanda, el Sublime Linter se configurará en true, usando el atajo Ctrl+Alt+L, que configura el linter para detectar errores, si los hay presentes en el código.

El editor de Sublime Text incluye atajos y métodos para manipular la salida. Este capítulo analiza en detalle estos atajos con la ayuda de ilustraciones adecuadas.

Abrir la paleta de comandos

La paleta de comandos en el editor de Sublime Text incluye opciones para instalar paquetes y consola. La tecla de método abreviado para este propósito esCtrl+Shift+P para Windows y Cmd+Shift+Ppara Mac. La captura de pantalla que se muestra a continuación muestra la apertura de la paleta de comandos con este acceso directo.

Alternar barra lateral

El editor de texto sublime incluye una barra lateral que muestra los scripts o los nombres de los archivos. Puedes usar la tecla de atajoCtrl+KB en Windows y Cmd+KB para Mac para este propósito.

Mostrar alcance en la barra de estado

La tecla de atajo Ctrl+Shift+Alt+P para Windows y Ctrl+Shift+Ppara Mac muestra el alcance en la barra de estado. La siguiente captura de pantalla muestra una ilustración de este acceso directo.

Consola de Python

Cuando trabaja con scripts de Python usando el editor de texto Sublime, puede usar Ctrl+`para Windows o Control + `para Windows, para operar la consola Python.

Nueva ventana

Con nuevas ventanas, puede administrar varios proyectos simultáneamente. Puedes usar la tecla de atajo Ctrl+Shift+N en Windows y Cmd+Shift+N para Mac para crear una nueva ventana en Sublime Text editor.

Los fragmentos son las plantillas inteligentes que se pueden reutilizar cuando sea necesario. El editor de texto sublime incluye la función de fragmentos para plantillas HTML. En este capítulo, los conocerá en detalle.

Comprensión de los fragmentos

Los fragmentos son archivos simples compatibles con XML con varios atributos. Incluyen una extensión llamadasublime-snippet. La etiqueta raíz del elemento XML será la<snippet>etiqueta. Los fragmentos creados se guardan en elPackages carpeta y se considera que viven en esta carpeta.

El formato de archivo y la sintaxis de los fragmentos se analizan en detalle de la siguiente manera:

  • Content −Esta sección incluye una descripción del fragmento.

  • tabTrigger - Incluye una secuencia de caracteres que se activan cuando se escribe el fragmento.

  • Scope - Define el ámbito en el que permanece activo el fragmento.

  • Description- Incluye toda la meta descripción. Se mostrará cuando el menú del fragmento esté abierto.

Creación del primer fragmento

Puede crear el fragmento predeterminado usando Tools → Developer → Snippet opción.

Luego, se creará un fragmento de demostración con las etiquetas asociadas, como se muestra a continuación:

Para crear un primer fragmento en el editor de Sublime Text, haga clic en el Tools menú y seleccione el Snippets opción de la ventana desplegable, como se muestra en la captura de pantalla aquí.

Ahora elige Snippet:html de las opciones mostradas.

Esto crea un fragmento predeterminado en el archivo html especificado como se muestra a continuación.

Tenga en cuenta que hay varios fragmentos de código para diferentes tipos de archivos. Para los archivos html en la base de código, hay tres fragmentos definidos en el editor de Sublime Text, como se muestra a continuación.

Fragmentos de control de paquetes

Los fragmentos de control se utilizan principalmente para el desarrollo de productos. Coninstall packages opción en el editor Sublime, puede descargar cualquier fragmento necesario para el desarrollo web e instalarlo.

Es posible que necesite los siguientes paquetes para el desarrollo web:

  • EverCodeLab Sublime es compatible con Ruby on Rails
  • Fragmentos de PHP adicionales para PHP
  • Fragmentos de HTML para archivos HTML
  • Fragmentos de Twitter Bootstrap para Twitter Bootstrap
  • Fragmentos de JavaScript para archivos JS
  • Paquete de fragmentos de jQuery para jQuery

Las macros son la función de automatización básica que incluye una secuencia de comandos. Puede utilizar macros siempre que necesite realizar una operación que incluya los mismos pasos.

Los archivos de macro son archivos JSON con una extensión llamada .sublime-micro y se consideran muy útiles.

Grabar una macro

La grabación de una macro define el procedimiento para mantener un conjunto de comandos necesarios para el archivo dado. Puede grabar una macro de dos formas:

  • Usa la tecla de atajo Ctrl+Q para grabar una macro en Windows y Cmd + Q en Mac.

  • Utilizar el record opción en Tools → Record Macro.

Una vez que la macro ha comenzado a grabar, puede ver el siguiente mensaje en el editor de Sublime Text:

Reproducción de una macro

Puedes usar la tecla de atajo Ctrl+Shift+Q en Windows y Cmd+Shift+Qpara Mac, para reproducir una macro grabada por el usuario en Sublime Text. Tenga en cuenta que este atajo reproduce ellast recorded macro en Sublime.

Guardar una macro

Puede guardar una macro grabada usando la opción Tools → Save Macro. La siguiente captura de pantalla muestra cómo guardar una macro usando esta opción.

También puede redefinir las macros usando varias opciones en la barra de menú de Herramientas, como se muestra a continuación:

Las combinaciones de teclas en Sublime Text ayudan al usuario a procesar y asignar las secuencias de pulsaciones de teclas a las acciones. Se definen en formato JSON y se almacenan en.sublime-keymap archivos.

Para una mejor integración, es importante mantener archivos de mapas de claves separados para Linux, OSX y Windows. Los mapas clave de la plataforma correspondiente se cargarán en el editor de Sublime Text.

Un usuario puede abrir el keymap archivo o asociaciones de teclas predeterminadas usando la opción Preferences → Key Bindings.

El siguiente ejemplo muestra cómo realizar combinaciones de teclas en Windows:

[
   { "keys": ["ctrl+shift+n"], "command": "new_window" },
   { "keys": ["ctrl+shift+w"], "command": "close_window" }
]

Definición de combinaciones de teclas

El editor de Sublime Text incluye una opción para definir un mapa de teclas. Las combinaciones de teclas definidas en el archivo.sublime-keymap incluye todas las combinaciones de valores clave.

Puede incluir el siguiente conjunto de enlaces de teclas en este archivo y guardarlos para verificar la ejecución, con la ayuda del código que se muestra a continuación:

[
   { 
      "keys": ["super+alt+;"], "command": "run_macro_file",
      "args": 
      {"file": "Packages/User/semicolon.sublime-macro"} 
   }
]

aquí superes Winkey en Windows o Linux, y un comando en el sistema operativo OSX. Tenga en cuenta que este código ejecutará la macro que se encuentra enPackages/User y se llama semicolon.sublime-macro al presionar el Super+Alt+ llaves.

En este capítulo, aprenderá varias teclas de atajo para mover y seleccionar las columnas de un archivo en Sublime Text.

Mover el puntero al principio del código

Puedes usar el atajo Ctrl+Home para mover el puntero al principio del código en el editor de Sublime Text.

Observe el código de muestra que se muestra aquí.

La captura de pantalla que se muestra a continuación muestra el mismo código donde el cursor se mueve al principio.

Extender una columna

Puedes usar el atajo Ctrl+Lpara extender una columna especificada. Este atajo seleccionará la columna que incluye el puntero. La siguiente captura de pantalla explica esto de manera detallada:

Recortar una columna

Puedes usar el atajo Ctrl+Kpara recortar la columna especificada del archivo. Para OSX, tendrá que usar la combinación de teclasCmd+K para este propósito.

El ejemplo que se muestra aquí muestra el código donde se recorta la línea mencionada en la quinta columna.

Dividir un bloque de texto

Puedes usar el atajo Ctrl+Shift+K para dividir un bloque de texto seleccionado en dos selecciones.

Note - La diferencia en las combinaciones de teclas de la combinación de teclas anterior es que las columnas son visibles. Ctrl+Shift+K elimina el número de columna del código especificado, mientras que Ctrl+K mantiene intacto el número de columna después de recortar toda la columna.

La sangría es el proceso de mantener los bloques de código de los lenguajes de programación para mantener una estructura sistemática. Ayuda a transmitir a los desarrolladores una mejor estructura del programa. Este capítulo le explica en detalle acerca de la sangría en el editor de Sublime Text.

Importancia de la sangría

La sangría ayuda a mantener la estructura del código de tal manera que cualquiera que acceda a él la entienda fácilmente. La sangría adecuada imparte las siguientes características al código:

  • Readability
  • User-friendliness
  • Adaptability
  • Facilidad de mantenimiento

Opciones de sangría en texto sublime

El editor de Sublime Text proporciona varias opciones para la sangría del código como se muestra en la siguiente captura de pantalla:

El uso de estas opciones se analiza en detalle aquí:

Opción de sangría

La opción de sangría ayuda a crear sangría del código especificado. Tienes que seleccionar el código especificado y seleccionar elIndentopción. También puedes usar el atajoCtrl+[después de seleccionar el código requerido que se va a sangrar. Consulte la siguiente captura de pantalla para una mejor comprensión:

Opción sin sangría

La opción de sangría funciona a la inversa del procedimiento de sangría. El atajo para la opción de anular sangría esCtrl+]. Consulte la siguiente captura de pantalla para una mejor comprensión:

Opción Reindent

La opción Reindent se utiliza para deshacer la opción de anular sangría y revertir el código a la misma condición. Consulte la siguiente captura de pantalla para una mejor comprensión:

Beneficios de la sangría

La sangría adecuada ofrece varios beneficios para el código y los desarrolladores. Se analizan a continuación:

  • Los bloques de código serán visibles sin mucho esfuerzo.

  • El desarrollador puede centrarse en las líneas de código que son necesarias e ignorar fácilmente las irrelevantes.

  • Un desarrollador que usa el mismo tipo de estructura de código varias veces no necesita enfocarse en el start of block y end of block declaraciones.

  • Cualquier línea de código fuera de lugar se puede identificar fácilmente.

La configuración básica del editor de Sublime Text es la configuración necesaria para el editor, como el tamaño de fuente, la visualización de los números de línea o el esquema de color del editor.

Todos los ajustes básicos están configurados en formato JSON. Para ver la lista de configuraciones, vaya al menú dePreferences -> Settings.

Los ajustes incluyen dos tipos de configuraciones, a saber:

  • Default
  • User

Predeterminado incluye todas las configuraciones predeterminadas y el usuario define la configuración personalizada para la configuración básica.

Para el escenario mencionado anteriormente, las configuraciones personalizadas son las que se mencionan a continuación:

"font_size": 15,
   "ignored_packages":
   [
      "Vintage"
   ]

Categorías de configuración

Varias categorías de ajustes en Sublime Text son las siguientes:

Configuración del editor

Estos incluyen la configuración básica para editar los archivos del código base. Ejemplos incluyenfont_face, font_size y tab_size. Los ajustes están presentes en la configuración predeterminada.

Configuración de la interfaz de usuario

Estos incluyen la configuración general que se centra específicamente en el fondo, el tema y varias combinaciones de colores. Estos ajustes se adjuntan en la segunda sección de la configuración predeterminada.

Comportamiento de la aplicación

Esta configuración se centra en el comportamiento de la aplicación incluida en el editor de Sublime Text en las ventanas abiertas. Estos ajustes se incluyen en la tercera sección de los ajustes de configuración predeterminados.

Sintaxis: configuración específica

Estos ajustes se utilizan para diseñar la sintaxis del editor de Sublime Text. Para obtener la lista de configuraciones específicas de sintaxis, el usuario debe usar la opciónPreferences − Syntax-Specific.

La gestión de temas en el editor de texto Sublime implica mejorar la apariencia del editor con colores y fondos atractivos. Los temas son valores con formato JSON con.sublime-theme extensión y administrar la apariencia de la interfaz de usuario del editor cambiando los colores de los elementos del IDE.

Instalación y aplicación de temas

Los siguientes pasos lo guiarán sobre la instalación y aplicación de temas en el editor de Sublime Text:

Step 1 - Utilice el Install Paquete de Sublime Text para instalar el paquete de temas, como se muestra en la captura de pantalla aquí -

Step 2 - Puede ver una lista de opciones con Install Package opción y puede descargarlos e instalarlos en el editor de Sublime Text.

Step 3 - Una vez que seleccione un tema, actívelo.

Step 4- Ahora seleccione el tema que desee de la lista de temas instalados. Esto cambia automáticamente la apariencia del editor.

Esquemas de color

Los esquemas de color son archivos con formato XML ubicados en la Packagescarpeta con esquemas de color. Son una forma increíble de personalizar los colores de texto Sublime, a diferencia de los temas que son específicos de los elementos de la interfaz de usuario.

Puede elegir esquemas de color usando la opción Preferences → Color Scheme. Consulte la siguiente captura de pantalla que muestra lo mismo.

Los esquemas de color incluyen varias opciones como Breakers, Mariana, Monokai, y Sixteen. La apariencia del editor depende del esquema de color que elija. Tenga en cuenta que estos patrones solo se centrarán en la sintaxis de color.

El modo Vintage en el editor de texto Sublime es un paquete que incluye una combinación de funciones de edición de vi. El modo Vintage le permite usar una lista de comandos vi en el editor Sublime.

El modo Vintage es un proyecto de código abierto y puede descargarlo desde el enlace:

https://github.com/sublimehq/Vintage

Entendiendo el editor vi

Vies un editor de texto primitivo y de uso popular. Fue creado originalmente para el sistema operativo UNIX y con una funcionalidad básica de ejecución de scripts. Es un editor de línea de comandos de uso popular en varios sistemas operativos porque no requiere el mouse para las operaciones.

Sublime incluye vim, que es una sección avanzada de vi editor e incluye personalización de macros, fragmentos y complementos.

Habilitación del modo Vintage

Puede habilitar el modo Vintage mediante los siguientes pasos:

  • Seleccione la opción Preferences → Settings

  • Edite el json archivo de la configuración de ajustes con el nombre de clave como ignored_packages. El paquete Vintage está incluido en elignored_packages sección.

  • Elimine el atributo de Vintage de las configuraciones para habilitar la propiedad Vintage en el editor de texto Sublime.

"ignored_packages": []
  • Su editor de modo vintage aparecerá como se muestra en la siguiente captura de pantalla:

El modo Vintage incluye una variedad de comandos similares al editor vi. Esto incluye la configuración básica del editor de Sublime Text como se muestra en el código que se proporciona a continuación:

{
   "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
   "font_size": 15,
   "ignored_packages":
   [
   
   ],
   "vintage_start_in_command_mode": true,
   "theme": "Soda Dark.sublime-theme"
}
Modo Descripción Llave
Modo de comando Espera a que el usuario ingrese un comando Esc
Modo de inserción El texto se puede insertar en diferentes posiciones yo / yo / a / A
Modo visual Seleccione / resalte el texto usando los comandos de movimiento V
Modo de línea visual Seleccionar / resaltar líneas de texto usando las teclas de flecha Mayús + V

Modo Vintageous

Vintageous es el paquete utilizado para el análisis descriptivo del editor vi. Se puede descargar usando el control de paquetes como se menciona a continuación:

Una vez que haya instalado con éxito el paquete vintageous, su pantalla se verá como se muestra en la siguiente captura de pantalla:

Sublime Editor incluye módulos de prueba para varios lenguajes de programación. Esto ayuda en las pruebas unitarias de archivos y scripts y ayuda a los desarrolladores a analizar errores, errores y problemas, si los hubiera.

El editor de Sublime Text incluye 3 módulos que son necesarios para probar e implementar JavaScript. Este capítulo los analiza en detalle.

JsFormat

JsFormat es un complemento de JavaScript que se utiliza para formatear las líneas del script, lo que facilita el proceso de prueba unitaria. Detrás de escena, utiliza embellecedor JS (http://jsbeautifier.org/) para formatear el JS completo o partes de archivos JS. JSFormat se puede instalar usando elInstall Package opción del editor Sublime.

Caracteristicas

JsFormat ofrece las siguientes características al script:

  • Facilita el formateo de archivos JS y JSON.
  • Ofrece formato de texto completo y formato seleccionado.
  • Proporciona configuraciones personalizables para opciones de formato.

JSHint

JSHint es una herramienta impulsada por la comunidad que se utiliza para analizar los errores mediante sugerencias. Esto ayuda a detectar errores y problemas potenciales. JSHint es un paquete de código abierto, simple y fácil de entender. Puede instalar JSHine en el editor de Sublime Text a través deInstall Package modo.

Para implementar el complemento JSHint en Sublime Text Editor, puede usar el atajo Alt+J en Windows y Cmd+j en sistemas OSX.

JavaScriptSiguiente

Este script se utiliza para resaltar la sintaxis del archivo JS y su significado asociado. Incluye una característica de resaltado de sintaxis con varios módulos, funciones de flecha, clases y generadores.

Puede realizar una verificación de sintaxis en un archivo usando la lista de sintaxis como se muestra en la captura de pantalla a continuación:

Ofertas de Python unittest, un marco oficial de pruebas unitarias para pruebas unitarias de los scripts diseñados antes de la implementación. También se llama comoPyUnit. Las pruebas unitarias de Python utilizadas en el editor Sublime Text se denominansublime-unittests y están disponibles en el siguiente enlace -

https://github.com/martinsam/sublime-unittest

Estas pruebas unitarias contienen una serie de fragmentos útiles para facilitar la escritura de casos de prueba unitaria.

Instalación de UnitTest

El control de paquetes de Sublime gestiona la instalación de unittests y los siguientes pasos lo describen en detalle:

Step 1 - Utilice la paleta de comandos de Sublime Editor Ctrl+Shift+P para la instalación del paquete, como se muestra en las capturas de pantalla que se muestran a continuación:

Step 2 - Los paquetes instalados utilizan los siguientes dos fragmentos principales -

  • testclass que se usa para crear una nueva clase de prueba

  • testfunc que se utiliza para crear una nueva función de prueba para que la completemos

Step 3- La consola calcula los resultados de la prueba como se muestra en la captura de pantalla siguiente. Tenga en cuenta que el resultado depende del éxito o fracaso de la prueba.

Success Result

Failure Result

Note - Los casos de prueba unitaria funcionan como un compilador para computar scripts en Python.

Usos del Sublime Text Editor Hunspell para el proceso de revisión ortográfica. Hunspelles el corrector ortográfico de LibreOffice, Mozilla Thunderbird, Google Chrome y muchos paquetes propietarios. El editor de texto Sublime incluye soporte de diccionario para la correcta revisión ortográfica de las palabras.

Diccionarios

Sublime Text incluye diccionarios codificados en UTF-8. Para implementar un diccionario con el editor de Sublime Text, primero debe convertirse a UTF-8. Si el usuario tiene un diccionario codificado en UTF-8, se puede instalar usando elPreferences opción en el editor de Sublime Text.

Puede seleccionar el diccionario de View → Dictionary menú como se muestra en la captura de pantalla dada -

Configuración de diccionario

Hay dos configuraciones definidas para el corrector ortográfico de Sublime Text Editor:

  • Spell_check
  • Dictionary
// Set to true to turn spell checking on by default
"spell_check": false,

// Word list to use for spell checking
"dictionary": "Packages/Language - English/en_US.dic"

Estas configuraciones se incluyen en el settingsarchivo. Las palabras agregadas e ignoradas se almacenan en la configuración del usuario en laadded_words y ignored_words claves, respectivamente.

Los paquetes de software se instalan en Sublime Text para funciones adicionales. Puede ver la lista de paquetes de software a través de la tecla de acceso directoCtrl+Shift+P en Windows y Cmd+Shift+Pen Mac. Observe las siguientes capturas de pantalla para una mejor comprensión:

Estos paquetes se instalan en el Packages → Userdirectorio que incluye toda la configuración necesaria. Para examinar los paquetes, seleccionePreferences → Browse Packages opción, como se muestra en la captura de pantalla a continuación:

Estos archivos son la configuración personalizada que se puede cambiar cuando sea necesario. Los paquetes se crean en formato JSON.

Considera el sublime-keymap paquete creado que incluye el siguiente código:

[
   { 
      "keys": ["super+alt+;"],
      "command": "run_macro_file",
      "args": {"file": "Packages/User/semicolon.sublime-macro"}
   }
]

En este capítulo, aprenderá sobre las opciones principales de File, Edit y Goto menús del editor de Sublime Text.

Ahorre con codificación

Esta opción está incluida en el Filemenú que ayuda a guardar los scripts y el archivo con la codificación adecuada. Sublime Text Editor incluye una variedad de opciones para codificar scripts de Python, como se muestra en la siguiente captura de pantalla:

El proceso de codificación ayuda a proteger los scripts de ataques de terceros y permite que el elemento percibido de uso o interés se convierta en una construcción.

Convertir caso

Convertir mayúsculas y minúsculas ayuda en la conversión de mayúsculas a minúsculas y viceversa. Consulte la siguiente captura de pantalla para una mejor comprensión:

Por ejemplo, considere una palabra clave Monicaincluido en el archivo y vamos a convertirlo a mayúsculas. Consulte la siguiente captura de pantalla para una mejor comprensión:

Ir a símbolo

Con esta opción, un usuario puede buscar u obtener la palabra clave apropiada o cualquier función. Esta opción es muy beneficiosa cuando tenemos más de 1000 líneas de código y el usuario tiene que buscar una línea o anotación única.

La siguiente captura de pantalla muestra la demostración de Goto Symbol -

Los capítulos anteriores discutieron varias opciones relacionadas con la Preferencesmenú. En este capítulo, aprenderá en detalle acerca deFont settings del editor de Sublime Text.

Sublime Editor ofrece tres dimensiones de tamaños de fuente: Larger, Smaller y Resetopción para deshacer los cambios particulares realizados. La implementación de la fuente especificada es posible una vez que el usuario selecciona el párrafo o texto apropiado en el editor.

Considere un texto seleccionado en el archivo functions.py donde necesita realizar los cambios deseados -

Observe que después de la implementación de una fuente más grande, las dimensiones y el tamaño de la fuente de los scripts se cambiarán automáticamente a una dimensión más grande.

Cada editor incluye un complemento para el desarrollo, que activa un conjunto de actividades y paquetes predeterminados. El editor de Sublime Text incluye una función para desarrollar su propio complemento personalizado. Este capítulo trata en detalle sobre el desarrollo de su propio complemento en Sublime Text.

Complemento de desarrollo

Los siguientes pasos le muestran en detalle cómo desarrollar un complemento en Sublime Text:

Step 1 - Seleccione el New Plugin opción navegando por Tools → Developer → New Plugin como se muestra a continuación -

Step 2 - El código básico de un complemento incluye la importación de dos bibliotecas principales: sublime y sublime_plugin.

El código del complemento es:

import sublime
import sublime_plugin
class ExampleCommand(sublime_plugin.TextCommand):
   def run(self, edit):
      self.view.insert(edit, 0, "Hello, World!")

Step 3 - Los complementos personalizados se guardan en Packages → Usercarpeta. Consulte la siguiente captura de pantalla que le brinda una comprensión completa de los complementos guardados en el editor de Sublime Text.

Ejecutando el complemento

Cuando haya creado un complemento y lo haya guardado, abra la consola con la tecla de acceso directo Ctrl+` en Windows y Cmd+` en OSX y ejecute el comando que se muestra aquí:

view.run_command(plugin-name)

Este comando ejecutará el complemento definido por el usuario con la lista de actividades incluidas en él.

La paleta de comandos incluye una lista de elementos o comandos que se utilizan con frecuencia. Las entradas de comandos se incluyen en el.sublime-commands file.

Usando la paleta de comandos

Para abrir una paleta de comandos en el editor de Sublime Text, puede usar la combinación de teclas de método abreviado Ctrl+Shift+P en Windows y Cmd+Shift+P en OSX.

Los comandos de la paleta de uso común son:

  • Construye con Python
  • Instalar paquetes

Construye con Python

Esto generará todas las dependencias y construirá el código especificado de un archivo Python dado.

Instalar paquetes

Con este comando, obtenemos una lista de paquetes que se pueden instalar y que no se incluyeron anteriormente.

Todos los comandos incluidos en la paleta de comandos se almacenan en el directorio Paquetes. El ejemplo básico de comando declarado dentro del archivo Default.sublime-commands se muestra en el código que se proporciona a continuación:

[
   { "caption": "Project: Save As", "command": "save_project_as" },
   
   { "caption": "Project: Close", "command": "close_project" },
   
   { "caption": "Project: Add Folder", "command": "prompt_add_folder" },
]

Note - El archivo JSON incluye 3 claves principales para cada comando -

  • Name/Caption
  • Location
  • Content

La depuración es el proceso de encontrar errores y errores en el código dado y corregirlos. El editor Sublime incluye varios complementos que tienen funciones de depuración, lo que ayuda a encontrar errores fácilmente.

En este capítulo, aprenderá a depurar una aplicación web PHP. Usos sublimesSublime TestX debugplugin para este propósito. Las características de este complemento son:

  • Es una extensión que se utiliza para depurar archivos y scripts PHP.

  • Proporciona una lista de funciones de depuración y creación de perfiles.

  • Mantiene seguimientos de pila y parámetros en tiempo real como visualización y funcionalidades.

Instalación del complemento Sublime

Para instalar el complemento Sublime Text Xdebug, deberá seguir los siguientes pasos:

Step 1 - Instale la instalación de la paleta de control de paquetes con el acceso directo de Ctrl+Shift+P o Cmd+shift+P.

Step 2 - Después de la instalación exitosa del cliente Xdebug, el archivo de configuración se mantendrá en el Installed Packagescarpeta. El archivo de configuración es el archivo JSON que incluye los parámetros para depurar una aplicación web PHP.

Step 3 - Inicie la sesión de depuración del archivo PHP usando el acceso directo Ctrl+F9. También puedes hacerlo usando elStart Debug opción usando la paleta de comandos.

Step 4 - Las ventanas divididas de XdebugClientmostrará la salida del archivo PHP. Mantiene un proceso de depuración de código línea por línea. Consulte la siguiente captura de pantalla para una mejor comprensión:

Sublime Text Editor tiene un complemento Web Inspectorpara depurar código JavaScript. Nos ayuda a establecer puntos de interrupción, examinar la consola y evaluar secciones de código. En este capítulo, aprenderá en detalle sobre este complemento.

Instalación de Sublime Web Inspector

Los siguientes pasos muestran la instalación de Sublime Web Inspector:

Paso 1

Usa la opción de menú Preferences → Browse Packages para obtener la ruta de los paquetes instalados como se muestra en la captura de pantalla dada.

Paso 2

Con la ayuda de git símbolo del sistema, clone los paquetes de la aplicación web de depuración de JavaScript utilizando el repositorio de git, como se muestra en el comando que se muestra a continuación:

git clone -b ST3 "git://github.com/sokolovstas/SublimeWebInspector.git"

Paso 3

Para probar la instalación, abra una paleta de comandos e inicie el inspector web. Puede utilizar la tecla de método abreviado para el inspector webCtrl+Shift+R en Windows y Cmd+Shift+Ren sistemas OSX. Puede ver todos los puntos de interrupción necesarios para la aplicación JavaScript, como se muestra a continuación:

El procesamiento por lotes en Sublime Text también se refiere a Build systems. Los sistemas de compilación ayudan al usuario a ejecutar archivos a través de programas externos comomake, tidy y interpreters.

Los siguientes puntos son dignos de mención al trabajar con sistemas de compilación:

  • Son archivos JSON y tienen la extensión .sublime-build.

  • Para iniciar el proceso de construcción, puede seleccionar la opción Tools → Build o el atajo Ctrl+B en Windows y Cmd+B para el sistema OSX.

Recuerde que a lo largo de este tutorial, nos centramos en los archivos Python. El texto sublime incluye dos modos de construcción para archivos de Python.

Una vez que se completa la compilación para Python, puede observar el siguiente resultado en el editor:

Puede ver la lista de resultados de compilación creada para el proyecto específico en el editor de Sublime Text usando la opción Tools → Build Results → Show Build Results.

Tenga en cuenta que los sistemas de compilación y los archivos completos asociados con el procesamiento por lotes deben ubicarse bajo el Packages carpetaPackages/user). Muchos paquetes de Sublime Editor incluyen sus propios sistemas de construcción.

El modo sin distracciones en el editor de Sublime Text permite mostrar el código y los archivos a pantalla completa. Puede ingresar al modo sin distracciones a través de la opciónView → Enter distraction mode opción del menú.

Una vez que el modo de distracción esté habilitado en el editor de Sublime Text, la salida será visible como se muestra a continuación:

Todos los elementos accesibles de UI Chrome están ocultos, pero accesibles en modo de distracción.

Personalización

Todas las propiedades de personalización del modo libre de distracciones del editor de Sublime Text están incluidas en Distraction Free.sublime-settings Archivo JSON como se muestra en la captura de pantalla que se muestra a continuación.

La siguiente captura de pantalla muestra las propiedades incluidas en el modo sin distracciones del editor Sublime:

Tenga en cuenta que los atributos como line_numbers, gutter, draw_centered, wrap_width, word_wrap y scroll_past_end son tales que permiten un atractivo modo sin distracciones.

SublimeCodeIntel es un complemento importante para el editor de Sublime Text. Ofrece las siguientes características:

  • Ir a la función de símbolo, que ayuda al usuario a ir al archivo y la línea especificada del símbolo.

  • Incluye biblioteca de autocompletar y muestra los módulos / símbolos en tiempo real.

  • La información sobre herramientas muestra información en la barra de estado sobre la función asociada.

Instalación

Puede instalar el complemento SublimeCodeIntel mediante los siguientes pasos:

Step 1- Obtenga la funcionalidad del paquete de instalación del editor de texto Sublime usando el atajo Ctrl + Shift + P en Windows y Cmd + Shift + P para el sistema OSX. Consulte la siguiente captura de pantalla para comprender mejor:

Step 2 - Ahora, seleccione el complemento SublimeCodeIntel para la instalación y reinicie el editor de Sublime Text.

Step 3 - Tras la instalación exitosa de SublimeCodeIntel plugin, su pantalla se verá así:

Configuración

Hay dos configuraciones integradas de SublimeCodeIntel:

  • Configuración: predeterminada
  • Configuración - Usuario

Consulte la siguiente captura de pantalla que muestra estas configuraciones:

La configuración para SublimeCodeIntel se incluye en el archivo JSON llamado SublimeCodeIntel.sublime-settings. La configuración necesaria para cada idioma se incluye en el complemento SublimeCodeIntel como se muestra a continuación:

/*
   Defines a configuration for each language.
*/

"codeintel_language_settings": {
   "Python3": {
      "python3": "/usr/local/bin/python3.3",
      "codeintel_scan_extra_dir": [
         "/Applications/Sublime Text.app/Contents/MacOS",
         "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/arch",
         "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/libs"
      ],
      "codeintel_scan_files_in_project": true,
      "codeintel_selected_catalogs": []
   },
   
   "JavaScript": {
      "codeintel_scan_extra_dir": [],
      "codeintel_scan_exclude_dir":["/build/", "/min/"],
      "codeintel_scan_files_in_project": false,
      "codeintel_max_recursive_dir_depth": 2,
      "codeintel_selected_catalogs": ["jQuery"]
   },
   
   "PHP": {
      "php": "/Applications/MAMP/bin/php/php5.5.3/bin/php",
      "codeintel_scan_extra_dir": [],
      "codeintel_scan_files_in_project": true,
      "codeintel_max_recursive_dir_depth": 15,
      "codeintel_scan_exclude_dir":["/Applications/MAMP/bin/php/php5.5.3/"]
   }
}

Estas configuraciones se pueden personalizar cuando sea necesario. Depende de la cantidad de módulos / bibliotecas instalados por el usuario con varios parámetros, como el tamaño y la complejidad del proyecto en el que está trabajando el usuario.