Sublime Text 2 Project Bliss

Una de las muchas cosas que me llevaron a decidir que Sublime Text iba a ser mi editor de texto preferido fue la forma en que podía personalizar lo que se muestra en la lista de archivos de la izquierda. No tenía idea de que este nivel de personalización estaba disponible. Aquí hay un breve tutorial que espero te ayude tanto como a mí..


Paso 1 - Agregar una carpeta

Nota: Si ya tiene configurado un proyecto, vaya al Paso 3.

Al abrir Sublime Text, agregue una carpeta al proyecto presionando Ctrl + Shift + P (Cmd + Shift + p en Mac) para abrir la über paleta de comandos práctica, escribiendo "Agregar" y luego presionando Entrar.


Paso 2 - Guardar el proyecto

Ahora que ha agregado una carpeta al proyecto, vuelva a abrir la paleta de comandos y escriba "Guardar" (o Proyecto: Guardar como) para guardar su proyecto. Vamos a editar este archivo en el siguiente paso..

No olvides dar el archivo de tu proyecto .extensión de proyecto sublime. Probablemente, esto será proporcionado para usted.


Paso 3 - Conoce el archivo del proyecto

En el menú, seleccione Proyecto -> Editar Proyecto para editar el archivo de proyecto que guardó en el Paso 2. O, por supuesto, acceda a este desde la paleta de comandos.

Ahora debería ver algo similar a lo siguiente en su ventana de editor:

 "carpetas": ["ruta": "/ C / wamp / www / wordpress"]

Bastante autoexplicativo, ¿verdad? Notará que, al igual que con todas las golosinas de Sublime Text, este archivo está formateado como JSON. No te estreses demasiado, si no sabes mucho sobre JSON. Deberías poder resolverlo a medida que avanzas..

3.1 - Visualización de una carpeta particular

Actualicemos ahora para que apunte a nuestra carpeta / directorio de temas:

 "carpetas": ["ruta": "/ C / wamp / www / wordpress / wp-content / themes / twentyeleven"]

Ahora, vigila la barra lateral de la izquierda y pulsa Ctrl + S (Cmd + S en una Mac) para guardar el archivo. La barra lateral se actualizará instantáneamente con la nueva carpeta.

Lo siguiente que vale la pena señalar (si aún no lo ha notado) es que el carpetas el objeto está formado por una matriz literal (anotada por los corchetes). Si ha descubierto que esto significa que podemos especificar más de una carpeta para nuestro proyecto, entonces sería absolutamente correcto. Vamos adelante y dale una oportunidad..

3.2 - Agregando carpetas múltiples

No temamos a los desarrolladores de complementos, nos preocupamos por usted también, así que agreguemos nuestro directorio de complementos tanto como la carpeta de temas:

 "carpetas": ["ruta": "/ C / wamp / www / wordpress / wp-content / themes / twentyeleven", "ruta": "/ C / wamp / www / wordpress / wp-content / complementos "]

Guarde el archivo de nuevo y verá lo siguiente:


Paso 4 - ¿Qué más podemos hacer??

Sublime Text 2 es una herramienta increíble en tu arsenal de desarrollo web

Me alegra que hayas preguntado! Para empezar, dentro de cada objeto en el carpetas matriz, hay algunas opciones diferentes disponibles para nosotros:

  1. camino (cadena): como hemos visto, le permite especificar la carpeta / directorio a mostrar en la barra lateral
  2. (cadena): especifique un nombre para el elemento en la barra lateral
  3. file_exclude_patterns (matriz): Especifique archivos para excluir
  4. folder_exclude_patterns (matriz): especifique carpetas para excluir

los camino ya nos es familiar, y la nombre es auto explicativo, así que vamos a profundizar en los últimos dos.

4.1 - Excluyendo archivos

Admítalo: hay algunos archivos que simplemente nunca editará, y estos archivos probablemente están saturando la vista de su proyecto. En su lugar, ¿por qué no los ocultamos y, luego, en la extraña ocasión en que realmente necesita editarlos, ábralos manualmente?.

Este bit se reduce a la preferencia, pero aquí están los archivos que normalmente excluyo: '._', .bak, .ico, .sample, .swf, .tar, .tgz, archivos que comienzan con 'wp-' (No vamos a editar los archivos principales de WordPress), y finalmente, .cremallera archivos. Para hacer esto, nuestro file_exclude_patterns La matriz debe verse como sigue:

 "file_exclude_patterns": ["._ *", "* .bak", "* .ico", "* .sample", "* .swf", "* .tar", "* .tgz", "wp- * .php "," * .zip "]

4.2 - Excluyendo Carpetas

Si no desea especificar cada archivo individualmente, puede optar por excluir las carpetas. Esta es la lista que generalmente uso:

 "folder_exclude_patterns": ["cgi-bin", "wp-admin", "wp-includes"]

Nota: Necesitas especificar el file_exclude_patterns y el folder_exclude_patterns para cada carpeta (ver el ejemplo final a continuación).


Paso 5 - Pero espera ... hay más!

Otro qué el carpetas Opción, también puede especificar otros dos:

  1. ajustes: Puede ingresar aquí cualquiera de la lista habitual de configuraciones que le gustaría aplicar en base a un proyecto específico (por ejemplo: tab_size).
  2. sistemas de construcción: Esto le permite agregar un sistema de compilación específico para el proyecto (que está fuera del alcance de este tutorial).

Nuestro archivo de proyecto final

Aquí hay un ejemplo de lo que tu final .proyecto sublime El archivo podría verse (acortado levemente para ser más sucinto):

 "carpetas": [// tema "ruta": "/ C / wamp / www / wordpress / wp-content / themes / twentyeleven", "name": "Twenty Eleven Theme", "file_exclude_patterns": [". _ * "," * .ico "," * .swf "]," folder_exclude_patterns ": [" images "], // plugins folder" path ":" / C / wamp / www / wordpress / wp-content / plugins "," nombre ":" Carpeta de complementos "," file_exclude_patterns ": [" ._ * ", // necesita especificar esto * otra vez *" * .bak "," * .sample "," * .tar "," * .tgz "," * .zip "]," folder_exclude_patterns ": [" akismet "//, // agrega cualquier otro complemento que quieras excluir]]," settings ": " tab_size ": 4 

Para concluir

Nota: Si tiene ganas de aprovechar más su Sublime Text 2, permanezca atento a "Perfect Workflow in Sublime Text 2", un curso gratuito para todos de Tuts + Premium, que llegará a finales de septiembre..

Sublime Text 2 es una herramienta increíble en tu arsenal de desarrollo web, y sus características y posibilidades van más allá de este tutorial. Para obtener más información sobre lo que puede hacer, asegúrese de indagar en la documentación ... le garantizamos que encontrará algunas gemas reales escondidas allí..

Campo de golf:

  • Documentación: Ver aquí y aquí.
  • Fuente de documentación para este artículo.