수색…


비고

실행하기 전에 귀하의 이온 애플 리케이션 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.task('lint', function() {
    return gulp.src(['./www/js/**/*.js']) 
        .pipe(jshint('.jshintrc'))
        .pipe(jshint.reporter('jshint-stylish')) 
        .pipe(jshint.reporter('fail'))
});

이것은 'www'폴더 안에 'js'라는 폴더를 찾습니다. 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 추가

  1. 앱의 루트에 "Makefile"(확장자 없음)이라는 파일을 만듭니다.

  2. 그것을 텍스트 편집기에서 열고 이것을 추가하십시오 :

android:
    gulp lint
    gulp sass
    ionic run android --device

ios:
    gulp lint
    gulp sass
    ionic build ios

이것은 당신의 app을 lint하게 할 것이고, 그것이 통과된다면, 그것은 sass를 컴파일하고 app을 만들 것이다.

사용법 : 일반 "ionic run android --device"대신 앱을 실행하려면 다음 명령을 실행하십시오.

Android: make android
iOS    : make ios  


Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow