[Vue] Vue-cli、プロジェクト設定を作成してデフォルト構成をカスタマイズ

ステップ 1、フォルダーを開き、ナビゲーション バーに「cmd」と入力して、コマンド ライン ウィンドウを開きます。

ステップ 2、コマンドを入力します

//demo是项目名称
vue create demo

ステップ 3、3 番目のカスタムの新しいプロジェクトを選択します

ステップ 4、必要なプロジェクト モジュールを選択し、空白スペースを選択して、Enter キーを押します。

• スペースを選択し、 を押すと選択が解除されます
• a ですべてを選択し、a ですべての選択を解除します
  

各モジュールの意味

/*
Bable (一般的に使用され、必須) は互換性の問題を解決し、ブラウザが認識できるコードへの ES6 コードの変換をサポート
し
ますプログレッシブ Web アプリケーションのサポート
ルーター (一般的に使用される) は vue-router ルーティングです。
Vuex は、Vue.js アプリケーション用の状態管理パターン + ライブラリ (一般的に使用されます) です。
CSS プリプロセッサ (一般的に使用される) は、CSS プリプロセッサ、Sass/Less プリプロセッサをサポートします。
Linter / Formatter (一般的に使用される) は、コード スタイルのチェックと書式設定をサポートします。コードの仕様を確認したくない場合は、選択しないでください
単体テストをサポートする Unit Testing は選択しないことをお勧めします。
E2E テスト、E2E テストをサポートします。
*/

ステップ 5、プロジェクトを開始する Vue.js のバージョン 2.0 を選択し、Enter キーを押します。

ステップ 6、履歴モード ルーティングを使用するかどうか、Enter キーを押します

ステップ 7、CSS プリプロセッサを選択し、Enter を選択します

ステップ 8、babel、postcss、eslint の構成を配置する場所

• オプション 1、独立したファイル構成 (通常はこれを選択)
• オプション2、package.jsonに入れます
  

ステップ 9、これを将来のプロジェクトのプリセットとして保存しますか? (はい/いいえ) やります!