NuxtJSプロジェクト - 開発ツール

　　まず、最終テストまで終了

　　ava JavaScriptが組み合わされ、非常に強力なテストフレームワークで jsdom簡単に与えることができ、 nuxt アプリケーションが終了試験を終了します。あなたは、テストを終了するには、完全なエンドに3つの手順を取ります：

　　（1）追加 ava と jsdom 開発に依存プロジェクトとして：NPMは--save-DEV AVA jsdomインストール

　　（2） package.json 追加テストスクリプト、および構成するAVAファイルをテストするためにコンパイルする必要があります。

　　（3） test コード論理ユニットテストディレクトリ。

　　実際には jsdom 、それはブラウザエンジンの後ろのいずれかを使用していないので、いくつかの制限があるだろうが、また、DOM要素にテストのほとんどをカバーしています。あなたがあなたのアプリケーションをテストするために、実際のブラウザエンジンを使用する場合は、参照することができNightwatch.jsを。

　　第二に、コードの仕様

　　ESLintは、私たちは、コードの規格や品質を改善するための素晴らしいツールです。ツールの適用を完了するために必要な4つのステップ：

　　（1）インストールESLint

　　ESLintは、次のコマンドで依存関係の一連のインストールを完了することができます：

　　--save-devのはバベル-eslint eslint eslint-CONFIG-標準eslint - プラグインのHTML eslint - プラグイン - 約束のeslint-プラグイン標準eslint-pluginのインポートeslint-プラグインノードのインストールNPM

　　（2）構成ESLint

　　プロジェクトのルートディレクトリに作成され .eslintrc.js 、次のようにファイルESLintを設定するために使用され、例は以下のとおりです。

module.exportsは= { 
  ルート：真、
  ENV：{ 
    ブラウザ：真、
    ノード：真
  }、
  parserOptions：{ 
    パーサー： 'バベル-eslint' 
  }、
  延び：[
     'eslint：推奨' 、
     // https：//でGitHubの。 COM / vuejs / eslint-プラグインVUE＃優先-必須-エラー防止
    // `プラグインへの切り替えを検討してください：VUE /強くrecommended`または`プラグイン：厳格なルールのVUE / recommended`。
    'プラグイン：VUE /推奨' 、
     'プラグイン：きれい/推奨' 
  ]、
  // 校验.vue文件
  プラグイン：[
    'VUE' 
  ]、
  // カスタムルールません
  ルールを：{
     'SEMI'：[2 '決して' ]、
     'NO-コンソール'： 'OFF' 、
     'VUE / MAX-属性あたりのライン'： 'OFF' 、
     'きれい/きれい'：[ 'エラー' { 'SEMI'：偽へ}] 
  } 
}

　　（3）は、コマンドを追加します。

　　で package.json 、ファイルの追加 lintと lintfix以下のように、スクリプトコマンドを：

"スクリプト" ：{
   "リント"： "eslint --extの.js、.vue --ignoreパス.gitignore" 、
   "lintfix"： "eslint --fix --extの.js、.vue --ignore-パス.gitignore。" 
}

　　ESLintは検出して無視して、すべてのJavaScriptは、Vueのをファイルするかどうかを確認します.gitignoreファイルに定義されて無視されます。

　　（4）Startコマンド

NPM実行糸くず：チェックエラー
NPM実行lintfix：修理それらの修理

　　それはESLintホット更新モードのWebPACKを有効にすることをお勧め。このようなESLintがしますnpm run dev時間を節約し、nuxt.config.jsファイルで設定することができます。

  / * 
   **ビルド設定
  * / 
  ビルド：{ 
   / * 
    **您可以在这里扩展WebPACKの配置
   * / 
   拡張（設定、CTX）{ 
      // ファイル名を指定して実行ESLint保存の
      場合（ctx.isDev && ctx.isClient）{ 
        設定。 module.rules.push（{ 
          強制： "前" 、
          テスト： /\.(js|vue)$/ 、
          ローダ： "eslintローダ"は、
          除外： /（node_modules）/ 
        }）
      } 
    } 
  }

package.json 増加し "precommit": "npm run lint" 、各提出チェックコードの前に自動検出コードを可能にします、。

NuxtJSプロジェクト - 開発ツール

おすすめ