ionic-framework
Ionic: analizza la tua app con jshint e gulp-jshint come parte del processo di creazione
Ricerca…
Osservazioni
Lasciare la tua app ionica prima di correre ha enormi vantaggi. Analizzerà il codice per potenziali errori e ti farà risparmiare moltissimo tempo.
Che cosa è linting e come installare i pacchetti richiesti?
"Linting è il processo di esecuzione di un programma che analizzerà il codice per potenziali errori." - vedi cos'è "Linting"?
La tua app ionica viene fornita con un file package.json. Vai alla root della tua app in una riga di comando / terminale e installa i seguenti pacchetti:
npm install jshint --save-dev
npm install jshint-stylish --save-dev
npm install gulp-jshint --save-dev
Aggiungi un'attività gulp
Nella radice della tua app ionica, c'è un file gulpfile.js. Aprilo in un editor e incolla il seguente compito gulp:
gulp.task('lint', function() {
return gulp.src(['./www/js/**/*.js'])
.pipe(jshint('.jshintrc'))
.pipe(jshint.reporter('jshint-stylish'))
.pipe(jshint.reporter('fail'))
});
Questo cerca una cartella chiamata 'js' nella cartella 'www'. Se hai altre cartelle contenenti file JavaScript, aggiungi anche quelle. Ad esempio, consente anche di aggiungere una cartella chiamata 'viste':
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'))
});
spiegazioni:
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.
Creare il file .jshintrc (facoltativo)
Crea un file chiamato '.jshintrc' nella radice della tua app, dove è package.json.
* Nota su Windows: crea un file chiamato "jshintrc.txt". Quindi rinominalo in ".jshintrc". (notare il punto alla fine).
Questo è un file di configurazione. Ad esempio, può dire a jshint di ignorare determinate variabili e molte altre cose. Ecco il 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
}
Aggiungi Makefile
Crea un file chiamato "Makefile" (senza estensione) nella radice della tua app
Aprilo in un editor di testo e aggiungilo:
android:
gulp lint
gulp sass
ionic run android --device
ios:
gulp lint
gulp sass
ionic build ios
Questo lascerà la tua app e se questo passa, si compilerà sass e costruirai app.
Utilizzo: per eseguire la tua app, anziché il normale "ionic run android --device", esegui questi comandi:
Android: make android
iOS : make ios