vue /cli-4.0プロジェクトの作成

目次

1.プロジェクトに名前を付けます

2.カスタム構成を選択します

(1)、vueバージョンを選択します

(2)ルーティングモードを選択します

(3)、cssのプリプロセッサを選択します

(4)ESLintコード検証ルールを選択し、プラグインJavaScriptコード検出ツールを提供します

(5)コード検証を実行するタイミングを選択します

(6)上記構成の保管方法を選択してください

(7)この構成を保存するかどうか

3.カスタム構成を表示する

1.プロジェクトに名前を付けます

vue create xxx//ファイル名はキャメルケース(大文字を含む)をサポートしていません

2.カスタム構成を選択します

ここに画像の説明を挿入
最初に前のオプションをチェックし(スペースを押して選択します)、次に最初の項目に戻ります。
ここに画像の説明を挿入
リンター/フォーマッターはエスリント検証ツールです。慎重に選択してください。

(1)、vueバージョンを選択します

ここに画像の説明を挿入

(2)ルーティングモードを選択します

ここに画像の説明を挿入
ここでの意味は、履歴ルーティングモードを使用するかどうかです。
hittory 模式没有 /#/
vue/cli项目默认是hash模式

(3)、cssのプリプロセッサを選択します

ここに画像の説明を挿入
sassの関係者は現在、dart-sassのプッシュに重点を置いており、dart-sassには最新の機能が含まれています。

node-sassはノード(cppによって記述されたlibsass)を
使用してsassをコンパイルします。dart-sassはdratVMを使用してsassをコンパイルします。

(4)ESLintコード検証ルールを選択し、プラグインJavaScriptコード検出ツールを提供します

![ここに画像の説明を挿入](https://img-blog.csdnimg.cn/20210127143207128.png)ESLint + Prettierがより多く使用されています。

(5)コード検証を実行するタイミングを選択します

ここに画像の説明を挿入

  • 保存して確認する際のリント。
  • Lintを確認し、コミットの修正またはコミットを修正します。

保存して確認するには、保存時にLintを選択することをお勧めします。

(6)上記構成の保管方法を選択してください

ここに画像の説明を挿入

  • 専用の設定ファイルでは、個別のファイルに保存されます。
  • package.jsonでは、package.jsonに保存されます。

シンプルなプロジェクト構造のアイデアに沿って、私は2番目のものを選びました。

(7)この構成を保存するかどうか

ここに画像の説明を挿入
Nを選択した場合は保存しないでください。Yを選択した場合は、保存する名前を入力する必要があります。

3.カスタム構成を表示する

「Cディスク/ユーザー」で「.vuerc」ファイルを見つけ、メモ帳の形式で開くと、内部のカスタム構成を確認できます。

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/weixin_51198863/article/details/113177703