ホームページ  >  記事  >  ウェブフロントエンド  >  他の人の Vue プロジェクトを実行する方法

他の人の Vue プロジェクトを実行する方法

青灯夜游
青灯夜游オリジナル
2021-09-14 11:18:0621366ブラウズ

実行方法: 1. 「node_modules」フォルダーと「package-lock.json」を削除します; 2. cmd ウィンドウを開き、cd コマンドを使用してプロジェクト ディレクトリに入ります; 3. npm キャッシュをクリアします。 4. 依存関係を再インストールします; 5. プロジェクトをパッケージ化します; 6. 「npm run dev」を実行して、実行中のプロジェクトに名前を付けます。

他の人の Vue プロジェクトを実行する方法

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

他の人の Vue プロジェクトを実行する方法:

職場では、他の人の Vue プロジェクトを引き継ぐ必要があることがよくあります。 svn、git 他の人の Vue プロジェクトを取得した後、それをどのように実行しますか?

1. vue プロジェクトの依存関係パッケージであるプロジェクト内の「node_modules」フォルダーを削除します。ただし、「node_modules」フォルダーは大きすぎるため、通常はパッケージ化されて svn や git にアップロードされないため、そのようなフォルダーがない場合は削除する必要はありません。

2. package-lock.json を削除します。 package-lock.json は、node_moudles フォルダー全体のツリー構造を記録し、モジュールのダウンロード アドレスも記録します。ただし、プロジェクト作成者の npm バージョン ライブラリに基づいて生成されます。この依存関係ファイルを削除しないと、npm バージョンの違いが発生します。が発生しやすくなり、エラーが発生します。

3. 次に、cmd を開き、cd を実行してプロジェクト ディレクトリに移動します。具体的な操作: 最初にドライブ文字を入力し、次に cd コマンドを使用してディレクトリを切り替えます。理解できない場合は、次のサイトで理解できます。あなた自身の。

4. npm clean queue -f を実行して、npm キャッシュをクリアします。npm にキャッシュがある場合、依存関係のインストールに失敗することがよくあります。この問題が発生すると、非常に完全なエラー メッセージが表示されます。エラーメッセージに従って一つずつ解決してみましたが、解決できず、原因も分かりませんでした。

5. npm install を実行して依存関係を再インストールします。

注: さまざまな奇妙なバグがあるため、cnpm インストールを使用しないことをお勧めします。npm のダウンロード速度が遅い問題は、次の操作を行うことで解決できます。

npm install --registry=https://registry.npm.taobao.org

= =======6. バージョンの問題により、ステップ 7 が直接太字に変更される場合があります。パスに & がある場合、エラーが発生することに注意してください。

6. npm run build を実行して、パッケージ。

7. 最後に、npm run dev を実行すると、プロジェクトが正常に実行されます。

コマンド npm run dev を実行すると、「npm ERR! missing script: dev」エラーが発生します。

これは、vue のバージョンの問題が原因です。 npm runserve を使用してプロジェクトを実行します。

関連する推奨事項:「vue.js チュートリアル

以上が他の人の Vue プロジェクトを実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。