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

0 から 1 まで、vue CLI を使用して vue プロジェクトを作成し、関連する構成を完了します

提示：vue CLI初始化项目：

: vue CLI を使用して vue プロジェクトを作成し、関連する構成を完了します

Vue CLI は、Vue.js に基づいた迅速な開発のための完全なシステムです。つまり
ここに画像の説明を挿入します
、vue CLI を通じて、vue プロジェクトをグラフィカルに構成したり、コマンドラインを選択して vue プロジェクトを構成したりできます。

インストール前に、nodeJS がインストールされているかどうかを確認してください。Vue CLI 4.x には、Node.js v8.9 以降が必要です (v10 以降を推奨)。nvm を使用してノードのバージョンを管理でき、nvm がノードを管理します

次のコマンドを使用してインストールできます。

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

設置が完了したら、足場が正常に設置されたかどうかを確認するために使用します。

vue --version

グローバル Vue CLI パッケージをアップグレードするには、次を実行してください。

npm update -g @vue/cli

# 或者
yarn global upgrade --latest @vue/cli

スキャフォールディングを更新する

vue CLI をインストールした後、vue プロジェクトを初期化できます。

新しいプロジェクトを作成するには、次のコマンドを使用します (注: プロジェクト名に大文字を使用したり、キャメルケースを使用したりすることはできません)。

vue create hello-vue

プリセットテンプレートを選択するように求められます。基本的な Babel + ESLint 設定を含むデフォルトのプリセットを選択することも、「手動選択」を選択して必要な構成を選択することもできます。

ここに画像の説明を挿入します
[機能を手動で選択する] を選択します。

ルーティングにヒストリモードまたはハッシュモードを使用します。ヒストリモードとハッシュモード

の違い。

設定項目説明
構成項目選択のリファレンス。
必要に応じて上記の構成項目を選択した後、依存関係のダウンロードを待ちます
。プロジェクトが作成されたら、次のコマンドを使用してブラウザ http://localhost:8080 で効果を確認します。

cd project-name // 进入项目根目录
run serve // 运行项目