Entradas con la etiqueta ‘sublime text’
Sublime Text – Mis Snippets
Publicado por Iván Gajate el 25 de agosto de 2013 en Desarrollo Web, JavaScript | Los comentarios están cerrados.
Estos son mis snippets para el Sublime. Son pocos y muy básicos pero al final son los que mas uso 🙂
El atajo de teclado para insertarlos es su propio nombre (class, docu, clearfix…)
Para instalarlos, descomprimir el zip en la carpeta de los paquetes de usuario del Sublime:
En Mac {Usuario}/Library/Application Support/Sublime Text 2/Packages/User/
Sublime Text – Mis plugins
Publicado por Iván Gajate el 19 de julio de 2013 en Desarrollo Web | Los comentarios están cerrados.
Estos son los plugins que tengo instalados en el Sublime Text para editar HTML, JavaScript y CSS. Son pocos pero ya se me hacen imprescindibles 🙂
Eso y mis atajos de teclado y algún snippet que iré poniendo.
Como siempre, para instalarlos, abrimos la paleta de comandos Tools > Command Palete , Install Package y vamos buscando cada plugin.
Sublime Text – Sublime Linter
Publicado por Iván Gajate el 13 de mayo de 2013 en css, Desarrollo Web, JavaScript | Los comentarios están cerrados.
Otra de plugins imprescindibles 🙂
Esta vez es el Sublime Linter, un plugin que nos marca los errores en CSS y JavaScript. Muy útil para evitar perder horas hasta que te das cuenta de ese paréntesis que se te ha olvidado o de esa propiedad CSS que no está bien escrita. Un ejemplo de JavaScript:
- Para saber qué significa cada error en CSS, aquí vienen explicados: http://csslint.net/about.html
- Para saber qué significa cada error de JS, aquí vienen explicados: http://www.jshint.com/docs
Y estas son mis preferencias del plugin (Preferences > Package Settings > Sublime Linter > Settings User), para que no me marque demasiados errores que yo se que no lo son o no me interesan (como algunas reglas CSS para Internet Explorer 6 por ejemplo):
{ "sublimelinter_delay": 0.5, "sublimelinter_gutter_marks_theme": "bright", "jshint_options": { "evil": true, "regexdash": true, "browser": true, "wsh": true, "trailing": false, "sub": true, "eqnull": true, "unused": true, "undef": true, "devel": true, "boss": true, "smarttabs": true, "jquery": true }, "csslint_options": { "adjoining-classes": false, "box-model": false, "box-sizing": "warning", "compatible-vendor-prefixes": "warning", "display-property-grouping": true, "duplicate-background-images": false, "duplicate-properties": true, "empty-rules": true, "errors": true, "fallback-colors": "warning", "floats": "warning", "font-faces": "warning", "font-sizes": "warning", "gradients": "warning", "ids": false, "import": "warning", "important": false, "known-properties": true, "outline-none": "warning", "overqualified-elements": "warning", "qualified-headings": "warning", "regex-selectors": "warning", "rules-count": "warning", "shorthand": "warning", "star-property-hack": "warning", "text-indent": "warning", "underscore-property-hack": "warning", "unique-headings": "warning", "universal-selector": "warning", "vendor-prefix": true, "zero-units": "warning" } } |
Para instalarlo como cualquier otro plugin de Sublime, abrimos la paleta Command
Abrimos el paquete instalador
E instalamos el Sublime Linter: