Cómo utilizar texto sublime con elegancia
En comparación con Sublimated Text 2, Sublime Text activa un elemento en 3 segundos y logra una victoria abrumadora. Por tanto, en la siguiente narrativa, Sublime Text 3 es el protagonista. 3 se ha mejorado y actualizado continuamente, y las diferencias específicas se pueden encontrar en el Blog Sublime. En pocas palabras:
ST3 admite la búsqueda de variables en el directorio del proyecto.
Proporciona un mejor soporte para pestañas (más comandos y teclas de acceso directo)
Acelera la ejecución del programa.
API actualizada para usar Python3.3.
¡Recomiendo encarecidamente a mis amigos que utilicen 3! Sólo rápido e irrompible no lo explica.
Para usar palabras nobles con elegancia, los complementos son indispensables; la copia de seguridad de los complementos es muy importante (como la sincronización de todas las plataformas, el cambio de sistemas/computadoras y el uso rápido de los complementos instalados). También es muy simple: simplemente coloque el paquete (preferencias> buscar paquete) y sincronícelo con la nube. En cuanto a dónde almacenarlo, tanto el disco en la nube como Github son indispensables. Por ejemplo, antes había una copia almacenada en sublime_Packages. si es necesario, simplemente retire el contenido debajo del paquete original y reemplácelo.
Complemento de instalación de Sublime Text 3 Sublime Text es poderoso porque tiene una fuerte extensibilidad de clases. Puedes instalar diferentes complementos según tus necesidades; esto la hace extremadamente potente y liviana al mismo tiempo.
Método de instalación del complemento 1: Instalación directa:
Es muy conveniente instalar el complemento Sublime text 3. Puede descargar el paquete de instalación directamente y extraerlo en el directorio del paquete (Menú->Preferencias->Embalaje).
Método de instalación del complemento 2: utilice el componente de control de paquetes para instalar:
Presione Ctrl+` para abrir la consola (nota: esta tecla de acceso directo entrará en conflicto con el método de entrada QQ, configuración de propiedades del método de entrada-administración del método de entrada-cancelar la tecla de acceso rápido para cambiar a QQ Pinyin), pegue el siguiente código en la línea de comando inferior, ingrese:
Importar urllib.request, OS; pf = 'Paquete de control sublime'; IPP = solicitud de instalación de URL _ paquetes _ . _ opener( URL lib . request . build_opener(URL lib . request . proxy handler())); escribir(URL lib . request . urlopen(' mand ":" copiar _ ruta " },
//chrome
{ "keys": ["f2"]," comando ":" side_bar_files_open_with ",
" args": {
"ruta":[],
"aplicación ":" C:\\Users\ \jeffj\\AppData\\Local\\Google\\Chrome\\Application\\Chrome .exe",
"Extensiones":*"
}
}
]
Presione Ctrl+Shift+C aquí para copiar la ruta del archivo y presione F2 para obtener una vista previa del efecto en el navegador Chrome (si es necesario, también puede agregar para Firefox, Safari, IE, Opera, etc. (según sus propias necesidades, también puede definir sus teclas de acceso directo favoritas. Finalmente, preste atención a la ruta del navegador en el código de acuerdo con la ruta del archivo). computer.p>
Embellecimiento
Un complemento que integra el formato (embellecimiento) de HTML, CSS y JS. Incluso si HTML y JS están escritos en archivos PHP, el complemento depende. en nodejs y debe instalarse con anticipación Una vez instalado el complemento, la tecla de acceso directo ctrl + shift + H completa la operación de embellecimiento del archivo actual. El complemento no está muy satisfecho con el embellecimiento de html y css. archivos. Más adelante, explicaremos cómo modificar el script de embellecimiento CSS. Es muy divertido para mí usarlo, así que no entraré en detalles por razones de espacio. p>
A veces, ¿sientes que cuando miras tus archivos CSS las propiedades están desordenadas, son difíciles de encontrar y de mantener? CSScomb puede reordenar las propiedades CSS caóticas de acuerdo con ciertas reglas de clasificación de propiedades CSS. El código CSS se ordenará y presione Ctrl+Shift+C para reordenar las propiedades CSS. Será simple, organizado y fácil de mantener.
Si no se selecciona ningún código, el complemento ordenará todas las propiedades CSS del archivo. Por supuesto, usted mismo puede personalizar las reglas de clasificación de atributos CSS, abrir el archivo CSScomb.sublime-settings en el directorio del complemento y cambiar el orden de los atributos CSS que contiene. Debido a que este complemento está escrito en PHP, debe agregar la ruta PHP a las variables de entorno para que funcione. Consulte las instrucciones en github para obtener más detalles.
SublimeTmpl genera rápidamente plantillas de archivos.
Siempre he tenido curiosidad por saber por qué sublime text 3 no tiene la función de crear una nueva plantilla de archivo, como la declaración DTD en el encabezado html que debe copiarse y pegarse cada vez. SublimeTmpl finalmente se lanza con este complemento. SublimeTmpl puede crear seis tipos de plantillas de archivos: html, css, javascript, php, python y ruby. Todas las plantillas de archivos se encuentran en la carpeta de plantillas del directorio del complemento y puede personalizar y editar plantillas de archivos.
Teclas de acceso directo predeterminadas de SublimeTmpl:
ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
La tecla de acceso directo es
ctrl+alt+shift+p python
Si quieres Para crear otro tipo de plantilla de archivo, primero personalice la plantilla de archivo en la carpeta de plantillas y luego abra los cuatro archivos predeterminados (Windows), sublime-keymap, Default.sublime-commands, Main.sublime-menu y SublimeTmpl.sublime-. configuración Según El formato interno personaliza el tipo que desea crear, que se describe en detalle aquí. Por favor hazlo tú mismo.
JavaScript-API-Complete:
El complemento que admite Javascript, JQuery, el marco Twitter Bootstrap y las indicaciones de atributos de etiquetas HTML5 es uno de los pocos complementos que admite indicaciones de texto sublime con 3 sufijos. Las indicaciones de etiquetas HTML5 se incluyen con el texto sublime3, pero las indicaciones de JQuery siguen siendo muy útiles y también puede configurar el idioma de las indicaciones.
Sublime-jq-plug-in
SFTP: edite rápidamente archivos del servidor remoto
Utilice Xftp y WinScp en Win. Para ello, debe hacer clic en el interruptor. o F5 para actualizar Operación manual, estoy sin palabras. Entonces, cuando conocí este SFTP, de repente sentí que el mundo era mucho mejor. Por supuesto, hay otros complementos de sincronización en Sublime, como FtpSnyc, pero los mensajes de error de configuración no son nada fáciles de usar, por lo que fueron abandonados sin piedad. Hay SFTP en Sublime y puede sincronizar la computadora local con el servidor siempre que presione Ctrl + S. ¿Es apropiado y genial? Para saber cómo configurar, consulte el uso del complemento SFTP para editar rápidamente archivos del servidor remoto en Sublime Text; si desea utilizar FtpSync, consulte Uso de Sublime y sincronización remota de FtpSync; El código vale la pena.
WakaTime: registra su tiempo de codificación;
WakaTime puede contar con precisión el tiempo que dedica a un proyecto; WakaTime tiene diferentes complementos para diferentes IDE cuando el complemento está instalado. en Sublime Cuando lo ejecuto, puedo contar el comportamiento de todos mis proyectos usando Sublime. Puede administrar y comprender de manera eficiente su propio tiempo de código; y las estadísticas son perfectas, adecuadas para publicar en Momentos para presumir (si lo desea) ~
El diseño básico de Waka es similar al de RescueTime. Después de que todos se registren, obtendrán una clave, instalarán un cliente, ingresarán la clave (lo mismo ocurre con el inicio de sesión) y luego enviarán todos los comportamientos clave locales al servidor para obtener estadísticas y le brindarán un informe más adelante. . Pero Waka es realmente preciso, hasta en cuántos segundos tarda cada archivo y cuánto tiempo tarda cada idioma.
Es muy sencillo de instalar y utilizar, consulte aquí. Otro artículo más detallado, ¿A dónde va el tiempo? Utilice RescueTime y WakaTime para registrar su tiempo. Para obtener una descripción más detallada de RescueTime y WakaTime, puede leerlo.
DocBlockr: Comentarios de bloque de código
Puedes comentar rápidamente la función. Mantener los estándares de codificación. Admite múltiples lenguajes, incluidos JavaScript (incluido ES6), PHP, ActionScript, Haxe, Coffee Script, Typescript, Java, Apex, Groovy, Objective C, c++ y Rust.
/*: Entrada para crear comentarios de bloque de código.
/* *: Introduce los parámetros formales en la función de búsqueda automática, y así sucesivamente.
Genera comentarios en formato JSDoc. Si nunca has usado una herramienta similar, DocBlockr te hará sentir como si estuvieras escribiendo código sin ella. Al analizar funciones, parámetros y variables, se agregan automáticamente elementos básicos para ayudarlo a crear sus comentarios de código. Si desea hacerlo más conveniente, también puede combinar AutoHotKey con comentarios eficientes para abrirlo.
Sublime-text-git: control de versiones de Git
Operación visual: te ayuda a interactuar con tu protocolo de repositorio de Git. Admite muchos comandos como init, push, pull, branch, stash, etc. Por supuesto, debe instalar Git con anticipación y configurar la respuesta para este complemento; consulte este artículo sobre el uso de Git en Sublime Text para mejorar el flujo de trabajo. Estoy seguro de que su compañía no te decepcionará.
AdvancedNewFile: Crea archivos rápidamente.
Cuando estamos en el editor de texto Sublime, podemos usar la tecla de acceso directo comando+n (win: ctrl+n) para crear un nuevo archivo, y luego comando+s (Win: ctrl+s) Aparecerá el cuadro de guardar, complete el nombre del archivo para guardar. ¡Viejo problema, problemático! ! A continuación, instalaremos el complemento advancedNewFile para aumentar la velocidad de creación de archivos en el editor de texto Sublime.
Para su uso, utilice el método abreviado de tecla comando+alt+n (win: ctrl+alt+n) después de la instalación.
Aparecerá un cuadro de entrada en la parte inferior del texto sublime; solo necesitamos ingresar el nombre del archivo que debe crearse en este cuadro de entrada (incluso podemos traer la ruta, como src/; componentes/perfect.vue; esto estará en Crear un archivo en el directorio del proyecto actual; debe tenerse en cuenta que no puede haber '/' delante de esta ruta, lo que hará que la ruta creada se convierta en el directorio del usuario en lugar del proyecto. directorio). De forma predeterminada, los archivos se almacenarán en el directorio actual. Si no hay un directorio actual, se almacenará en el directorio de inicio del usuario.
Existen otros complementos que se pueden instalar bajo demanda, como:
ConvertToUTF8? Complementos que admiten gbk, big5, euc-kr, euc-jp, shift_jis, etc.
Bracketthighlighter se utiliza para hacer coincidir corchetes, comillas y etiquetas html. Útil para códigos muy largos. Después de la instalación, los complementos que no requieren configuración entrarán en vigor automáticamente.
DocBlockr puede generar automáticamente comentarios estilo PHPDoc. Los lenguajes que soporta son JavaScript, PHP, ActionScript, Coffee Script, Java, Objective C, C, C++.
& ltfont color = "purple" & gtEmmet(Zen Coding)</font>El complemento para generar rápidamente fragmentos de código HTML no tiene paralelo: puede escribir HTML/CSS/JS muy rápidamente. Por supuesto, este complemento también admite una variedad de entornos de compilación, como Eclipse/Aptana, Coda, Notepad++, Adobe Dreamweaver, TextMate, etc. ¡Esto es imprescindible para el desarrollo web! ! ! .
JsFormat formatea el código js, las personas que lo conocen lo entienden; ¡imprescindible para los programadores con trastorno obsesivo-compulsivo! La tecla de acceso directo predeterminada es ctrl+alt+f.
PhpFormat formatea el código PHP, las personas que lo conocen lo entienden; ¡imprescindible para los programadores con trastorno obsesivo-compulsivo!
CSS Compact Expand Expansión de propiedad CSS: ¿Los amigos por correspondencia que escriben CSS prefieren escribir en varias líneas o en una sola (yo personalmente prefiero el formato de varias líneas)? Si mirar el código de otras personas no se adapta a sus propios hábitos, puede usar el complemento CSS Compact Expand para formatear el CSS. Presione Ctrl+Alt+[para reducir una línea de código CSS y presione Ctrl+Alt+] para expandir varias. líneas de código CSS; ¡imprescindible para programadores con trastorno obsesivo-compulsivo! .
Complemento Autoprefixer: este es un complemento de autocompletado de prefijo privado CSS3. El complemento utiliza la base de datos CanIUse (por supuesto, SublimeText la tiene naturalmente)
YUI. compresor: comprime archivos JS y CSS. Después de presionar F7, si el archivo actual (demo.js) está comprimido, el archivo comprimido (demo.min.js) se guardará en el mismo directorio que este archivo y Java JDK debe hacerlo. instalarse Cómo utilizar: compresor YUI
<. p>URL en las que se puede hacer clic: URL en las que se puede hacer clicLas URL en las que se puede hacer clic se pueden utilizar para hacer que se pueda hacer clic en las URL de los archivos
Resaltado de sintaxis de Vue: Vista(*.
vue) complemento destacado; en lo que respecta al front-end, usar el marco Vue para desarrollar es una existencia genial, por lo que este complemento es necesario, al mismo tiempo, Jade, SASS y otros complementos; también es necesario, quién sabe quién los usa (cuando se trata de usar vue, este vue -cli aún es necesario (Webpack, Eslint, Test, etc. están muy bien configurados y son muy considerados); para el proyecto un poco más grande Eslint , escribir código Js es muy necesario, y sublime aún no es muy bueno. Complemento para formatear *. ¿Usando el archivo vue de Eslint, esperando que nazca?
El rey definitivo: escribe tu propio complemento exclusivo de Sublime Text. Aunque la comodidad requerida para terminales móviles, interfaces web, del lado del servidor, escritores sin codificador, etc. se ha integrado en diferentes complementos. Sin embargo, por ejemplo, es necesario abrir rápidamente un emulador en la PC para realizar fácilmente algunas verificaciones. Siempre que se te ocurra, básicamente puedes ponerlo en un complemento y usar teclas de acceso directo para procesarlo. En cuanto a cómo escribir un complemento SublimeText, consulte aquí para escribir su propio complemento Sublime Text2.
Personaliza tus propias teclas de acceso directo
En primer lugar, deberías poder utilizar las teclas de acceso directo integradas de SublimeText:
Por ejemplo, Command Shift P a abra el panel de comandos: por ejemplo, abra el control de paquetes para instalar varios complementos, puede ingresar Set (Snytax) para cambiar la configuración regional, cambiar instantáneamente, etc.
Establecer teclas de acceso directo.
En SublimeText, abra Preferencias -> Combinaciones de teclas - Usuario, las teclas de método abreviado que configuré:
[
{ "keys": ["ctrl+f9"], "command": "build" },
{ "keys": ["f10"], "command": "build", "args": {"variant": "Run"} },
{ "keys": ["ctrl+shift+x"], "command": "toggle_comment", "args": { "block": true } },
>]