ionic-framework
Ionic - Analice su aplicación con jshint y gulp-jshint como parte de su proceso de construcción
Buscar..
Observaciones
El tintado de tu aplicación iónica antes de correr tiene enormes ventajas. Analizará el código en busca de posibles errores y le ahorrará una tremenda cantidad de tiempo.
¿Qué es linting y cómo instalar los paquetes requeridos?
"Linting es el proceso de ejecutar un programa que analizará el código en busca de posibles errores". - ver ¿Qué es "Linting"?
Su aplicación iónica viene con un archivo package.json. Vaya a la raíz de su aplicación en una línea de comandos / terminal e instale los siguientes paquetes:
npm install jshint --save-dev
npm install jshint-stylish --save-dev
npm install gulp-jshint --save-dev
Añadir una tarea trilla
En la raíz de su aplicación iónica, hay un archivo gulpfile.js. Ábralo en un editor y pegue la siguiente tarea:
gulp.task('lint', function() {
return gulp.src(['./www/js/**/*.js'])
.pipe(jshint('.jshintrc'))
.pipe(jshint.reporter('jshint-stylish'))
.pipe(jshint.reporter('fail'))
});
Esto busca una carpeta llamada 'js' dentro de la carpeta 'www'. Si tiene otras carpetas que contienen archivos JavaScript, agréguelas también. Por ejemplo, también permite agregar una carpeta llamada 'vistas':
gulp.task('lint', function() {
return gulp.src(['./www/js/**/*.js','./www/views/**/*.js'])
.pipe(jshint('.jshintrc'))
.pipe(jshint.reporter('jshint-stylish'))
.pipe(jshint.reporter('fail'))
});
Explicaciones:
1) /**/*.js - This syntax means to look at all the js files in the subfolders too
2) .jshintrc - This is a configuration file that we will create in the next example.
Crear archivo .jshintrc (opcional)
Cree un archivo llamado '.jshintrc' en la raíz de su aplicación, donde package.json es.
* Nota en Windows: crea un archivo llamado "jshintrc.txt". Luego renómbrelo a ".jshintrc". (note el punto al final).
Este es un archivo de configuración. Por ejemplo, puede decirle a jshint que ignore ciertas variables y muchas otras cosas. Aquí esta el mio:
{
"predef": [
"window",
"console",
"cordova",
"device",
"alert",
"document",
"debug",
"setServiceVars",
"StatusBar",
"config"
],
"globals": {
"angular" : false,
"myApp" : false,
"myControllers" : false,
"myDirectives" : false,
"localStorage" : false,
"navigator" : false,
"emit" : false,
"atob" : false,
"moment" : false,
"btoa" : false
},
"node" : true
}
Añadir Makefile
Cree un archivo llamado: "Makefile" (sin extensión) en la raíz de su aplicación
Ábralo en un editor de texto y agregue esto:
android:
gulp lint
gulp sass
ionic run android --device
ios:
gulp lint
gulp sass
ionic build ios
Esto borrará tu aplicación y, si eso pasa, compilará Sass y construirá tu aplicación.
Uso: para ejecutar su aplicación, en lugar de usar el "dispositivo iónico android --dispositivo", ejecute estos comandos:
Android: make android
iOS : make ios