FrontBack
Mini CLI para instalar dependencias utilizadas diariamente con un solo comando. Para el Backend y próximamente para el Frontend.
Inspiración y créditos totales a Rafi993 y https://dev.to/nickytonline/stuff-i-always-set-up-for-frontend-work-56h2.
Instalación
Debe instalarse de forma global.
npx frontback
# o
npm install -g frontback
Uso
Navegue hasta su proyecto y ejecute el siguiente comando:
npx frontback
¿Qué dependencias se instalan?
Las dependencias que se instalan son las siguientes:
eslint
prettier
eslint-config-prettier
eslint-plugin-prettier
husky
-
lint-staged
A continuación las siguientes dependencias que debes instalar son por qué mi configuración
eslint-config-franqsanz
los requiere.
eslint-config-airbnb-base
eslint-plugin-import
eslint-plugin-node
eslint-plugin-html
babel-eslint
eslint-config-franqsanz
Archivos pre configurados
También se instalarán algunos archivos.
.eslintrc.js
.huskyrc
.lintstagedrc
.prettierrc
Cómo se ve el archivo .eslintrc.js
:
module.exports = {
extends: [
'prettier',
'franqsanz',
'airbnb-base',
'plugin:node/recommended'
],
plugins: ['prettier'],
parserOptions: {
ecmaVersion: 2017,
},
env: {
browser: true,
es6: true,
node: true,
},
rules: {}
};
Cómo se ve el archivo .huskyrc
:
{
"hooks": {
"pre-commit": "lint-staged"
}
}
Cómo se ve el archivo .lintstagedrc
:
{
"*.js": [
"eslint --fix",
"prettier --write"
]
}
Cómo se ve el archivo .prettierrc
:
{
"singleQuote": true,
"trailingComma": "all",
"printWidth": 80,
"tabWidth": 2
}