idea を使用して VUE プロジェクトを実行する

1.まず node.js をインストールし、コンピュータに環境変数を設定します.
インストール方法については、windows
macを参照してください

2. idea を管理者として実行し、プロジェクトをプルダウンし、
idea 用の vue プラグインをインストールします

3. 「node_modules」フォルダーと「package-lock.json」を削除して
、vue プロジェクトの依存パッケージであるプロジェクト内の「node_modules」フォルダーを削除します。ただし、「node_modules」フォルダーは大きすぎるため、通常はパッケージ化されずに svn および git にアップロードされるため、このフォルダーを除いて削除する必要はありません。

package-lock.json を削除します。package-lock.json には node_moudles フォルダ全体のツリー構造が記録されており、モジュールのダウンロード先も記録されていますが、プロジェクト作成者の npm 版ライブラリを元に生成されているため、この依存ファイルを削除しないと、 npm のバージョンが異なるとエラーが発生しやすい。

4. idea のターミナル ウィンドウで実行するコマンドには管理者権限が必要なため、管理者として idea を実行します。

5. idea のターミナル ウィンドウでnpm cache clean -force を実行して
、npm キャッシュをクリアします。npm にキャッシュがある場合、依存関係のインストールに失敗することがよくあります。

6. npm install コマンドを実行して、依存関係を再インストールします。

7. プロジェクトを開始しやすいように、アイデアが自動的に開始される便利な方法を設定します.
アイデアの下の図の場所をクリックし、[構成の編集] を選択し
ここに画像の説明を挿入
、プラス記号をクリックして npm を追加し、パスとコマンドをたどると、クリックしてvueプロジェクトを実行でき
ここに画像の説明を挿入
ます
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/Rockandrollman/article/details/126530845