サーチ…


備考

あなたのイオンアプリを実行する前にlintingは大きな利点があります。潜在的なエラーのコードを分析し、膨大な時間を節約します。

lintingとは何ですか?また、必要なパッケージをインストールする方法は?

"リンテイングとは、潜在的なエラーのコードを分析するプログラムを実行するプロセスです。" - 「リンテイング」とは何ですか?

イオンアプリにはpackage.jsonファイルが付属しています。コマンドライン/ターミナルであなたのアプリケーションのルートに行き、以下のパッケージをインストールしてください:

npm install jshint --save-dev
npm install jshint-stylish --save-dev
npm install gulp-jshint --save-dev

ガルプ(gulp)タスクを追加する

あなたのイオンアプリのルートには、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'))
});

これは '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

これは、あなたのアプリをlintし、それが合格した場合、それは草をコンパイルし、あなたのアプリを構築します。

使用法:通常の "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