01Windows は Node.Js と Vue を段階的にインストールします

以下に技術的な内容は含まれていない手順がありますが、初めての場合はこれが唯一の方法です。要約すると、Node.js の公式 Web サイトから長期安定バージョンをダウンロードした後、デフォルトで段階的にインストールし、node -v 和npm -v,显示版本信息,使用 npm install -g @vue/cliを実行します就OK了。

。 1. Node.js をインストールします。

Windows に Node.js をインストールするには、次の手順に従います。

  1. ブラウザを開いて、Node.js 公式 Web サイトにアクセスします: Node.js

  2. 公式ウェブサイトのトップページでは、LTS (長期サポート版) と Current (現行バージョン) の 2 つのバージョンから選択できます。ほとんどのユーザーには、安定性と信頼性が高い LTS バージョンをお勧めします。

  3. .msiLTS バージョンの「ダウンロード」ボタンをクリックすると、お使いの Windows バージョンのインストーラー (ファイル)が自動的にダウンロードされます。

  4. ダウンロードが完了したら、ダウンロードした.msiファイルをダブルクリックしてインストーラーを起動します。

  5. インストーラーのようこそページで、「次へ」をクリックして続行します。

  6. 次のページでは、Node.js をインストールする場所を選択できます。C:\Program Files\nodejsデフォルトでは、以下のディレクトリにインストールされます。インストール パスを変更する場合は、[参照] ボタンをクリックして別のパスを選択します。

  7. 「次へ」をクリックして続行します。

  8. 次のページでは、Node.js をシステムの環境変数に追加するかどうかを選択できます。nodeおよびコマンドをコマンド ラインで直接使用できるように、このオプションをオンにすることをお勧めしますnpm

  9. 「次へ」をクリックして続行します。

  10. 次のページで「インストール」をクリックして Node.js のインストールを開始します。

  11. インストールが完了したら、「完了」をクリックしてインストールを完了します。

  12. Node.js が正常にインストールされたことを確認します。コマンド プロンプトまたは PowerShell を開き、次のコマンドを入力します。

node -v 

インストールが成功すると、Node.js のバージョン番号が表示されます。

npm -v

再度、正常にインストールされた場合は、npm のバージョン番号が表示されます。

2、vueをインストールする

これで、Windows に Node.js が正常にインストールされました。Node.js と npm を使用して、JavaScript アプリケーションの開発と実行を開始できます。

  • コマンド プロンプトまたは PowerShell を開き、次のコマンドを入力して Vue CLI (Vue.js の公式スキャフォールディング ツール) をインストールします。

npm install -g @vue/cli 

これにより、Vue CLI がグローバルにインストールされます。

  • インストールしたら、次のように入力して新しい Vue プロジェクトを作成できます。
vue create my-vue-project 

my-vue-project作成するプロジェクトの名前に置き換えます。

  • プロジェクトの作成中に、デフォルト構成を使用するか、必要な機能を手動で選択するかを選択できます。完了したら、プロジェクト ディレクトリに移動します。
cd my-vue-project 
  • 最後に、次のように入力して開発サーバーを起動します。
npm run serve 

これにより、ローカル開発サーバーが起動し、ブラウザで Vue アプリケーションが開きます。

これで、Windows に Vue.js が正常にインストールされ、新しい Vue プロジェクトが作成されました。Vue アプリケーションの開発を開始する準備ができました。

おすすめ

転載: blog.csdn.net/weixin_39466327/article/details/132641013
おすすめ