vue-cli2を使用してプロジェクトを初期化し、ディレクトリ構造を分析します


1はじめに

vue --version3つ以上のバージョンのvue-cliが引き続きvue-cli2を使用する場合は、View vueを使用して独自のバージョンをインストールします。ブリッジツールをインストールする必要があります。

vue-cliの公式ウェブサイトでは次のように説明されています。VueCLI> = 3は古いバージョンと同じvueコマンドを使用するため、Vue CLI 2(vue-cli)は上書きされます。それでも古いバージョンのvueinit関数を使用する必要がある場合は、ブリッジツールをグローバルにインストールできます。

# 安装桥接工具
npm install -g @vue/cli-init

# `vue init` 的运行效果将会跟 `[email protected]` 相同
vue init webpack my-project

2.vue-cli2初期化プロジェクト

コマンドを使用するvue init webpack 项目名称
ここに画像の説明を挿入
ブログ投稿は非常に詳細に書かれていますhttps//www.cnblogs.com/landuo629/p/12468893.html

3.プロジェクトのディレクトリ構造

coderwhy先生からいくつかの写真を借りる
ここに画像の説明を挿入

タイムコードコマンドの使用npm run buildnpm run dev実行:
ここに画像の説明を挿入
ここに画像の説明を挿入
ブログのディレクトリ構造を推奨するvue-cliプロジェクトのプレゼンテーション

おすすめ

転載: blog.csdn.net/weixin_43974265/article/details/112729146