Instalar sublime-text .deb en Linux

Instalar sublime-text .deb en Linux

Paso 1: Descargar desde la pagina oficial: https://www.sublimetext.com/download

Paso 2: Abrir la terminal: Crtl + Alt + T

Paso 3: Entrar a la carpeta de descarga: Downloads o Descargas

cd Descargas
ó
cd Downloads
Listar los archivos
ls
Paso 4: Instalar con el siguiente comando: sudo dpkg -i
sudo dpkg -i sublime-text_build-4192_amd64.deb 

Paso 5: Agregar las dependencias faltantes:   sudo apt install -f

sudo  apt install -f 

 Paso 6:  Salir de la terminal 



Instalar con Linux Package Manager Repositories

Documentación oficial: https://www.sublimetext.com/docs/linux_repositories.html donde encontrará la linea de comando a utilizar. Según el tipo de paquete que desee installar.


apt

El repositorio apt contiene paquetes tanto para x86-64 como para arm64.

  • Instalar la clave GPG: 
  • wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | gpg --dearmor | sudo tee /etc/apt/trusted.gpg.d/sublimehq-archive.gpg > /dev/null 
  • Seleccione el canal a utilizar: Estable
  • echo "deb https://download.sublimetext.com/ apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list 
  • Actualice las fuentes de apt e instale Sublime Text:
  • sudo apt-get update
    sudo apt-get install sublime-text
  • Si esto falla, asegúrese de que apt esté configurado para funcionar con fuentes https:
  • sudo apt-get install apt-transport-https




Para Desintalar paquete: sublime text

Paso 1: Desintalar el Paquete  con el comando: sudo dpkg -r

sudo dpkg -r sublime-text_build-4192_amd64.deb

Paso 2: Desintalar residuos de archivos desintalados.: 

sudo apt autoremove




Configuraciones de Sublime Text

1- Configurar el Formato Automático

Ve a Preferences > Settings y agrega las siguientes configuraciones:

{
"font_size": 12,
"tab_size": 2,
"translate_tabs_to_spaces": true,
"trim_trailing_white_space_on_save": true,
"ensure_newline_at_eof_on_save": true,
"bracket_highlight_style": "solid",
"draw_indent_guides": true,
"indent_guide_options": ["draw_normal", "draw_active"],
"margin": 2,
"line_numbers": true,
"highlight_line": true,
"ruler_width": 2.0,
"draw_minimap_border": true,
"color_scheme": "Packages/Color Scheme - Default/Monokai.sublime-color-scheme",
"theme": "Default Dark.sublime-theme",
"highlight_modified_tabs": true,
"dictionary": "Dictionaries/es_ES.dic",
"spell_check": true,
"auto_complete": true,
"auto_complete_delay": 50,
"ignored_packages": ["Vintage"],
"index_files": true
}

Esto ajustará el tamaño de las tabulaciones, convertirá tabs en espacios y limpiará espacios innecesarios al guardar.

2- Atajos para Formatear

Puedes asignar atajos personalizados para formatear el código. Ve a Preferences > Key Bindings y agrega algo como:

[
  { "keys": ["ctrl+alt+f"], "command": "reindent" }
]

  


Configuraciones sin necesidad de usar plugins

Sublime Text permite realizar varias configuraciones sin necesidad de usar plugins, simplemente modificando el archivo de configuración (Preferences.sublime-settings). 

1. Configurar el color de los brackets (corchetes)

Abre Preferences > Settings o presiona Ctrl+, (Windows/Linux) o Cmd+, (Mac). En la sección de la derecha, agrega una línea como esta:
"bracket_highlight_style": "solid"
Esto resalta los corchetes. También puedes cambiar los colores ajustando el tema o esquema de color en uso.

2. Ajustar la distancia y color de las líneas guías

Usa la configuración:
"draw_indent_guides": true,
"indent_guide_options": ["draw_normal", "draw_active"]

Esto activa o desactiva las guías de indentación. El color depende del esquema de color que estés usando.

3. Establecer formato por defecto de HTML, JSON y JavaScript

Sublime Text usa "syntax-specific settings" para cada tipo de archivo. Haz lo siguiente:
Abre un archivo del tipo que quieras configurar (HTML, JSON, etc.). Agrega configuraciones como:  Ve a Preferences > Settings - Syntax Specific.
"tab_size": 2, 
"translate_tabs_to_spaces": true

4. Configuraciones de pestañas

Controla el tamaño de las pestañas y si se traducen a espacios:

"tab_size": 4,
"translate_tabs_to_spaces": false

5. Reglas (columnas) y líneas

Para mostrar una regla en cierta columna:

"rulers": [80]

Esto dibuja una línea vertical en la columna 80, útil para mantener el ancho del código.

6. Recortar espacios en blanco automáticamente

Configura Sublime para eliminar espacios en blanco al final de cada línea al guardar:

"trim_trailing_white_space_on_save": true

7. Insertar una nueva línea final automáticamente

Para añadir una nueva línea al final de los archivos:

"ensure_newline_at_eof_on_save": true

8. Habilitar números de línea y minimapa

Ya están activados por defecto, pero puedes asegurarte de que lo estén:

"line_numbers": true,
"draw_minimap_border": true

9. Cambiar el tema y el esquema de color

Para cambiar los colores y el tema de Sublime:

"color_scheme": "Packages/Color Scheme - Default/Monokai.sublime-color-scheme",
"theme": "Default.sublime-theme"

10. Autocompletado y sugerencias

Puedes habilitar o personalizar el comportamiento del autocompletado:

"auto_complete": true,
"auto_complete_delay": 50

11. Ajustar el cursor y comportamiento del scroll

Modifica el grosor del cursor o cómo se comporta el scroll:

"caret_style": "smooth",
"scroll_past_end": true
  • Si quieres experimentar más, recuerda siempre respaldar el archivo de configuración antes de modificarlo. 
 

Resguardar el archivo de configuración de Sublime Text

Resguardar el archivo de configuración de Sublime Text antes de modificarlo es sencillo y una excelente práctica para evitar perder configuraciones importantes. Sigue estos pasos:

1. Abrir el archivo de configuración

  • En Sublime Text, ve a Preferences > Settings.
  • Esto abrirá dos paneles:
  • A la izquierda: configuración predeterminada (no se puede editar directamente).
  • A la derecha: tu archivo personal de configuración (Preferences.sublime-settings), donde se aplican los cambios personalizados.

2. Localizar el archivo en tu sistema

Para encontrar el archivo en tu computadora:

  • Ve al panel de la derecha, que contiene tus configuraciones personalizadas.
  • Copia todo el contenido (en caso de no saber exactamente dónde está localizado).
  • En tu sistema operativo, busca la carpeta donde Sublime guarda las configuraciones:

Windows: C:\Users\<TuUsuario>\AppData\Roaming\Sublime Text 3\Packages\User\Preferences.sublime-settings

Mac: /Users/<TuUsuario>/Library/Application Support/Sublime Text 3/Packages/User/Preferences.sublime-settings

Linux: /home/<TuUsuario>/.config/sublime-text-3/Packages/User/Preferences.sublime-settings

3. Crear una copia de seguridad

  • Una vez localizado el archivo Preferences.sublime-settings:
  • Haz clic derecho sobre él y selecciona "Copiar".
  • Pega la copia en una ubicación segura, como una carpeta específica para respaldos o en la nube (por ejemplo, en Google Drive, Dropbox, etc.).
  • Opcionalmente, cambia el nombre del archivo copiado para identificarlo como un respaldo, por ejemplo: Preferences_backup.sublime-settings.

4. Editar el archivo con tranquilidad

Ahora que tienes una copia de seguridad, puedes modificar libremente el archivo sin preocuparte. Si algo sale mal, simplemente reemplaza el archivo modificado con la copia de respaldo.

5. Automatizar respaldos (opcional)

  • Si realizas muchas modificaciones y deseas automatizar los respaldos:
  • Usa una herramienta de gestión de versiones como Git para controlar los cambios en la carpeta de configuración.
  • Alternativamente, habilita sincronización automática con un servicio como Google Drive o OneDrive para que siempre tengas copias actualizadas.
 

 

Extenciones de Sublime Text

Para agregar extensiones en Sublime Text, primero debes instalar: Package Control.

Instalar Package Control: https://packagecontrol.io/

  • Abre Sublime Text.
  • Presiona Ctrl + Shift + P para abrir la paleta de comandos.
  • Escribe Install Package Control y selecciona la opción que aparece. Esèras que termine la instalación.
  • Luego solo debes instalar los siguientes pluing: 
  •  

1. Emmet

Instalar Emmethttps://packagecontrol.io/packages/Emmet

  • Abrir Package Control: Ctrl + Shift + P
  •  Escribe PCI y selecciona la opción Package Control: Install Package
  •  Buscar e instalar "Emmet"
  • Una vez instalado, reinicia Sublime Text para asegurarte de que el plugin funcione correctamente.
  •  Configuración de Emmet: 
    • Verificar el Atajo de Expansión: Por defecto, Emmet utiliza la tecla Tab para expandir abreviaturas. 
  • Configurar Preferencias
    • Ve a Preferences > Package Settings > Emmet > Settings - User. 
    •  Puedes personalizar las configuraciones según tus necesidades. Por ejemplo:
    • {
          "preferences": {
              "css.autoInsertVendorPrefixes": true
          }
      } 


2.  FileIcons  y   AFileIcon

Instalar https://packagecontrol.io/packages/FileIcons

  • Abrir Package Control: Ctrl + Shift + P
  • Escribe PCI y selecciona la opción Package Control: Install Package
  • Buscar e instalar File​Icons ó "A File Icon": 
  • Configurar el tema:
    • Abre el archivo de configuración del usuario (Preferences > Settings).
    • Añade o modifica las siguientes líneas en el archivo de configuración: json
    • "theme": "Default.sublime-theme",
      "icon_file_type": true,
    • Reiniciar Sublime Text: Cierra y vuelve a abrir Sublime Text para que los cambios surtan efecto.

 

3- AutoFileName

AutoFileName: Facilita la inserción de rutas de archivos y nombres en tu código. Cuando escribes una ruta, AutoFileName te sugiere automáticamente los archivos y carpetas disponibles.

Pasos para instalar el plugin AutoFileName en Sublime Text:

  1. Presiona Ctrl + Shift + P (o Cmd + Shift + P en macOS) para abrir la paleta de comandos.
  2. Escribe PCI y selecciona Package Control: Install Package.
  3. Buscar AutoFileNamem, Selecciona el plugin y espera a que se instale.
  4. Configura las Preferencias del Plugin:
    • Ve a Preferences > Package Settings > AutoFileName > Settings - Default o Settings - User si prefieres hacer ajustes personalizados.
    • Asegúrate de que el parámetro relacionado con el autocompletado esté configurado como true. Por ejemplo:  json
    • "enable_autocomplete": true,
  5. Verifica el Modo de Autocompletado General de Sublime:
    • Asegúrate de que el autocompletado esté habilitado globalmente en Sublime Text.
    •  Ve a Preferences > Settings y busca el parámetro "auto_complete". Asegúrate de que esté configurado como true:
    • "auto_complete": true,

 

4. RainbowBrackets, BracketHighlighter y Bracket​Guard

RainbowBrackets: Resalta los corchetes, paréntesis y llaves con colores diferentes según su nivel de anidación. Configura los colores en RainbowBrackets.sublime-settings

{
  "color.cycle": ["#FF0000", "#00FF00", "#0000FF"]
}

BracketGuard: Detecta y previene errores relacionados con corchetes no cerrados o mal colocados. 

{
   // Si el documento actual tiene más caracteres, comprobación automática de corchetes
   "file_length_threshold" : 20000,
   "check_on_save" : true,
}

BracketHighlighter: Resalta pares de corchetes, paréntesis y etiquetas HTML, además de ofrecer opciones avanzadas como resaltar contenido entre corchetes.  Personaliza en bh_core.sublime-settings:

{
  "show_unmatched": true,
  "highlight_style": "underline"
}
  • Reiniciar Sublime Text: Una vez instalado, reinicia Sublime Text para asegurarte de que el plugin funcione correctamente. 
  • Configuración de Bracket Highlighter: 
  • Acceder a las Configuraciones: Ve a Preferences > Package Settings > BracketHighlighter > Settings - User. quí puedes personalizar cómo se resaltan los corchetes, llaves y paréntesis. 
  • https://facelessuser.github.io/BracketHighlighter/usage/
  • Personalizar Estilos de Resaltado: Puedes ajustar los colores y estilos de resaltado editando el archivo de configuración. Por ejemplo:
  • {
        "bracket_styles": {
            "default": {
                "color": "entity.name.class",
                "style": "underline"
            }
        }
    }
    

     

    5. ColorPicker y ColorHighlighter

    Color Highlighter:   Resalta los colores definidos en tu código (como hexadecimales, RGB, etc.) directamente en el editor. Por ejemplo, si tienes #FF5733, el fondo del texto se mostrará con ese color.

    Color Picker: Es una herramienta que te permite seleccionar colores desde una paleta o mediante un selector de colores (como el cuentagotas). Ideal para elegir colores y copiar sus valores en tu código.

    • Abrir Package Control: Ctrl + Shift + P
    •  Escribe PCI y selecciona Package Control: Install Packag.
    • Buscar Color Picker, Selecciona el plugin y espera a que se instale.  

    6. auto-save

    Auto-Save: Guarda automáticamente los cambios realizados en tus archivos abiertos, evitando la pérdida de datos en caso de cierres inesperados. 

    Instalar auto-save

    • Abrir Package Control: Ctrl + Shift + P
    •  Escribe PCI y selecciona Package Control: Install Packag.
    • Buscar auto-save,  Selecciona el plugin y espera a que se instale. 
    •  Acceder a las Configuraciones: Ve a Preferences > Package Settings > AutoSave > Settings - User. Allí puedes personalizar el comportamiento del plugin según tus necesidades.
    • Configurar Guardado Automático:  uedes establecer la frecuencia de guardado automático en milisegundos. Un ejemplo de configuración sería:
    • {
          "enabled": true,
          "delay": 1000
      }

     

    7. Prettierd Format

    Instalar Prettierd Format en sublime text, paso a paso:

    • Primero Instalar  nodejs  y npm
    • Abre una terminal y ejecuta:
    • sudo apt update
      sudo apt install nodejs npm
    • Verifica la instalación con:
    • node -v
      npm -v
    • Abrir Package Control: Ctrl + Shift + P
    •  Escribe PCI y selecciona Package Control: Install Packag.
    • Buscar JsPrettier, Selecciona el plugin y espera a que se instale.
    • Menú contextual:  Menu / preferences / Package settings / JsPrettier / setting-default  
    • En el archivo "JsPrettier Format Code" buscar la linea de código "prettier_cli_path": " ", y escribir la ruta donde se encuentra el archivo.
    • "prettier_cli_path": "/usr/bin/prettier",
      "node_path": "/usr/bin/nodejs", 
      "auto_format_on_save": true,

     

    8. Sidebar Tools 

    Mejora la funcionalidad del menú lateral. https://packagecontrol.io/packages/SideBarTools 

    9. Sidebar Menu Advanced

    10. Side​Bar​Enhancements

    Amplía las funcionalidades del menú lateral. Ofrece opciones como mover archivos a la papelera, copiar rutas de archivos y realizar operaciones avanzadas como renombrar o mover archivos sin perder referencias abiertas

    11. Json Colors And Navigation

    Este complemento está diseñado para trabajar con archivos JSON. Ofrece navegación mejorada y resaltado de colores para facilitar la lectura y edición de archivos JSON complejos. 

     12.

     

     

    Publicar un comentario

    0 Comentarios