以下に技術的な内容は含まれていない手順がありますが、初めての場合はこれが唯一の方法です。要約すると、Node.js の公式 Web サイトから長期安定バージョンをダウンロードした後、デフォルトで段階的にインストールし、node -v 和npm -v,显示版本信息,使用
npm install -g @vue/cliを実行します就OK了。
。 1. Node.js をインストールします。
Windows に Node.js をインストールするには、次の手順に従います。
-
ブラウザを開いて、Node.js 公式 Web サイトにアクセスします: Node.js
-
公式ウェブサイトのトップページでは、LTS (長期サポート版) と Current (現行バージョン) の 2 つのバージョンから選択できます。ほとんどのユーザーには、安定性と信頼性が高い LTS バージョンをお勧めします。
-
.msi
LTS バージョンの「ダウンロード」ボタンをクリックすると、お使いの Windows バージョンのインストーラー (ファイル)が自動的にダウンロードされます。 -
ダウンロードが完了したら、ダウンロードした
.msi
ファイルをダブルクリックしてインストーラーを起動します。 -
インストーラーのようこそページで、「次へ」をクリックして続行します。
-
次のページでは、Node.js をインストールする場所を選択できます。
C:\Program Files\nodejs
デフォルトでは、以下のディレクトリにインストールされます。インストール パスを変更する場合は、[参照] ボタンをクリックして別のパスを選択します。 -
「次へ」をクリックして続行します。
-
次のページでは、Node.js をシステムの環境変数に追加するかどうかを選択できます。
node
およびコマンドをコマンド ラインで直接使用できるように、このオプションをオンにすることをお勧めしますnpm
。 -
「次へ」をクリックして続行します。
-
次のページで「インストール」をクリックして Node.js のインストールを開始します。
-
インストールが完了したら、「完了」をクリックしてインストールを完了します。
-
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 アプリケーションの開発を開始する準備ができました。