vue-cliを使用してプロジェクトを作成する

vue-cliを使用してプロジェクトを作成する

vue-cli 公式ウェブサイト:

https://cli.vuejs.org/zh/guide/installation.html

vue-cli をインストールします。

ノードのバージョン要件

Vue CLI 4.x には、Node.js v8.9 以降が必要です (v10 以降を推奨)。 n、nvm、または nvm-windows を使用して、同じコンピュータ上の複数のノード バージョンを管理できます。
次のコマンドのいずれかを使用して、この新しいパッケージをインストールできます。

npm install -g @vue/cli
# OR
yarn global add @vue/cli

vue-cli はプロジェクトを作成します。

1. プロジェクトを作成する必要があるディレクトリに切り替え、このディレクトリで cmd を開きます。

「cmd」と入力して Enter キーを押します

2.vue create プロジェクト名
「vue create hello」と入力し、Enter キーを押します

プリセット コンテンツを選択します。最後の内容は手動構成を表し、[機能を手動で選択する] を選択して Enter キーを押します

プロジェクトに必要な機能を選択し、スペースを押して選択し、キーを押しますCar を選択した後に入力します

vue バージョンを選択

ルーティング モードを選択します (y または n を入力できます。y は # 記号なしの履歴モードを表し、n は # 記号付きのハッシュ モードを表します) #sign)

CSS プリプロセッサを選択し、必要に応じて選択します。

書式設定とコード検出の設定については、デフォルトのもので十分です。 ちょっと待ってください 機能を保存するかどうかは、あなたのニーズ 設定をどこに配置しますか?

コード形式の検出のタイミング、デフォルトで問題ありません。

それでおしまい！

作成したファイルをクリックすると、次のように表示されます。