How to integrate ESLint with Sublime Text 3

In order to evaluate your code using eslint, you first need to have it installed in your system.

npm install -g eslint

To test it, you can simple execute eslit <filename>.js from the command line.

1. Now, we can proceed to install the Sublime Text pluging by going through Preferences -> Package Control -> Install Package

2. Select "SublimeLinter-contrib-eslint".

3. And, finally just copy a .eslintrc file (with the rules definitions) to the root path of your project.

or generate it by typing eslint --init

And that's it!, now you will be highlighted for every syntax error detected in your files (based on your .eslintrc configuration) while editing them.

Hide vertical line from Atom editor

You may first want to know why this is supposed to be there.

The wrap-guide package places a vertical line in each editor at a certain column to guide your formatting, so lines do not exceed a certain width.

But In case you prefer just have it hidden, you can simple do it in different ways:

Editing Preferences:
1. Go to Edit->Preferences->Packages
2. Search for the 'wrap-guide' package and disable it

Editing the Stylesheet:
1. Go to Edit->Stylesheet..
2. Here you personalize the styles as desired:
2.1 To just hide it:

atom-text-editor::shadow .wrap-guide {  
  visibility: hidden;
}

2.2. To play a little bit with other properties:

atom-text-editor::shadow .wrap-guide {
  width: 10px;
  opacity: .3; //barely visible
  background-color: red; //test purpose
}

Como ejecutar JavaScript en Sublime Text usando NodeJS

Bueno, como requisito debemos tener NodeJS instalado y a continuación se debe realizar la siguiente configuración en Sublime Text 3.

Pasos:
1. Crear un nuevo "Build System" desde la opción Tools > Build System > New Build System...

2. Reemplazar el código desplegado por el siguiente:

{
"cmd": ["node", "$file"],
"selector": "source.js"
}

3. Guardar los cambios con el siguiente nombre "Node.sublime-build" en la ruta por defecto.

4. Seleccionar el sistema creado nuevamente desde Tools > Build System > Node

5. Finalmente para ejecutar el código debemos seleccionar la opción Tools > Build (o presionar las techas Ctrl + B)

Instalar EMMET en Sublime Text 3

Emmet (antes Zen-Coding) es un plugin desarrollado para optimizar la escritura de codigo en HTML / XML y CSS. También es compatible con Sublime Text 3 y estos son los pasos para su instalación.

Pasos:
1. Abrir la consola a través de la opción View -> Show Console

2. Ejecuta el siguiente código (extraido de sublime.wbond.net) en la consola:

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

3. Reiniciar el editor
4. Abrir la Paleta de Comandos Tools ->Command Palette  (Ctrl+Shift+P)

5. Buscar y seleccionar “Install Package”

6. En la nueva lista filtrar y seleccionar el nombre del plugin “Emmet”

Para confirmar que el plugin ha sido instalado correctamente puedes ingresar el siguiente texto:

html:5 

y seguidamente al presionar la tecla Tab deberás tener una estructura básica de html5 listo para editar.

Nota: El archivo debe ser guardado previamente con el formato correcto (.html) para que las funciones de autocompletado funcionen.

Importar un proyecto Netbeans a Eclipse

Este procedimento es aplicable a proyectos básicos.

Pasos:
1. Crear un nuevo proyecto en Eclipse.

2. Copiar los archivos del folder "dist" (del proyecto NetBeans) al folder "bin" (del poryecto Eclipse)

3. Copiar los archivos del folder "src" (del proyecto NetBeans) al folder "src" (del poryecto Eclipse)

4. Refrescar el proyecto creado en Eclipse

Los archivos del código fuente seran reconocidos automaticamente en el proyecto y por lo tanto ahora podrás ejecutar tu programa desde este IDE.

Habilitar la Barra de Estado del Bloc de Notas in Windows 7

Si estabas acostumbrado a la barra de estado del bloc de notas en Windows XP pero ahora se muestra deshabilitada en Windows 7 y la quieres de vuelta solo debes editar el siguiente registro:

Pasos:
1. Abrir el editor del Registro, para ello puedes hacer lo siguiente; click Start, click Run, ingresa regedit en la caja de texto, y luego click OK.
2. Navega hasta la siguiente ubicacion:
HKEY_CURRENT_USER\Software\Microsoft\Notepad
3. En el panel derecho, click sobre la entrada StatusBar
4. Click en el menu Edit y luego click Modify.
5. En la opcion Value data ingresa el valor 1 y luego click OK.

Si abres una nueva ventana del bloc de notas, veras que ahora se muestra la barra de estado: