ionic-framework
Ионный. Анализируйте свое приложение с помощью jshint и gulp-jshint как часть процесса сборки.
Поиск…
замечания
Надевание вашего ионного приложения перед запуском имеет огромные преимущества. Он проанализирует код возможных ошибок и избавит вас от огромного количества времени.
Что такое linting и как установить необходимые пакеты?
«Linting - это процесс запуска программы, которая будет анализировать код возможных ошибок». - см. Что такое «Linting»?
Ваше ионное приложение поставляется с файлом package.json. Перейдите в корень вашего приложения в командной строке / терминале и установите следующие пакеты:
npm install jshint --save-dev
npm install jshint-stylish --save-dev
npm install gulp-jshint --save-dev
Добавить задачу глобализации
В корне вашего ионного приложения есть файл gulpfile.js. Откройте его в редакторе и вставьте следующую задачу gulp:
gulp.task('lint', function() {
return gulp.src(['./www/js/**/*.js'])
.pipe(jshint('.jshintrc'))
.pipe(jshint.reporter('jshint-stylish'))
.pipe(jshint.reporter('fail'))
});
Это ищет папку под названием «js» в папке «www». Если у вас есть другие папки, содержащие файлы JavaScript, добавьте их тоже. Например, позволяет также добавить папку под названием «views»:
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'))
});
Пояснения:
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.
Создайте файл .jshintrc (необязательно)
Создайте файл с именем «.jshintrc» в корне вашего приложения, где package.json.
* Примечание по окнам: создайте файл с именем «jshintrc.txt». Затем переименуйте его в ".jshintrc." (обратите внимание на точку в конце).
Это файл конфигурации. Он может, например, указать jshint игнорировать определенные переменные и многое другое. Вот мой:
{
"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
}
Добавить Makefile
Создайте файл с именем: «Makefile» (без расширения) в корне вашего приложения
Откройте его в текстовом редакторе и добавьте:
android:
gulp lint
gulp sass
ionic run android --device
ios:
gulp lint
gulp sass
ionic build ios
Это будет использовать ваше приложение, и если это пройдет, оно скомпилирует sass и создаст вам приложение.
Использование: для запуска вашего приложения вместо обычного «ионного запуска android -device» выполните следующие команды:
Android: make android
iOS : make ios
