La idea es clonar de git el repositorio y tener una carpeta de trabajo inicial para trabajar con
es SublimeText3 con características configuradas de ESLint y Git. con la idea de desarrollar en javascript es6 y node.js
Para esto tenemos que tener instalado
- node.js.
- SublimeText 3, con control de paquetes instalado y los siguientes paquetes instalados:
- Babel
- ESLint
- Package Control
- SublimeGit
- SublimeLinter
- SublimeLinter-contrib-eslint
Ya preparado Sublime con los paquetes necesarios, solo tenemos que dar en una carpeta donde clonaremos de git, el templete para desarrollar con javascript es6 el siguiente comando
>git clone https://github.com/jalbertomr/sublime3ESLint.git
Cloning into 'sublime3ESLint'...
remote: Counting objects: 5702, done.
remote: Compressing objects: 100% (4479/4479), done.
remote: Total 5702 (delta 979), reused 5702 (delta 979), pack-reused 0
Receiving objects: 100% (5702/5702), 4.45 MiB | 412.00 KiB/s, done.
Resolving deltas: 100% (979/979), done.
Checking connectivity... done.
Checking out files: 100% (6097/6097), done.
Abrimos sublime y observamos una simple estructura de carpetas y archivos, es de notar los siguientes archivos:
.eslintrc
Este tiene la configuración de comportamiento de eslint. que tiene la siguiente forma
module.exports = {
"env": {
"browser": true,
"es6": true
},
"extends": "eslint:recommended",
"parser": "babel-eslint",
//"extends": "rallycoding"
"parserOptions": {
"ecmaVersion": 6
},
"rules": {
"no-console": 0
}
/*"rules": {
"indent": [
"error",
4
],
"linebreak-style": [
"error",
"windows"
],
"quotes": [
"error",
"single"
],
"semi": [
"error",
"always"
]
}*/
};
Este archivo podemos cambiar las reglas de ESLint descomentando la linea de "extends: rallycoding" y comentando "extends":"eslint:recommended".
Este archivo se pude generar con el comando >eslint --init Interactivamente no consultará opciones, y generara el archivo el cual se puede customizar posteriormente.
packages.json
Archivo de configuración de node.js, creado con el comando >npm init que interactivamente
nos ira preguntando sobre la configuración de nuestro proyecto, este archivo deberá ser
reconfigurado según las características del nuevo proyecto.
Asi nos queda la funcionalidad de ESLint
y con la funcionalidad Git se ve así.
Solo falta cambiarle el nombre del proyecto, de carpeta, ajustar el package.json a necesidad del proyecto.
Listo :)
