ウェブストームで vue を起動する方法-webstorm-php.cn

ウェブストームで vue を起動する方法

下次还敢

リリース： 2024-04-08 15:36:14

オリジナル

1165 人が閲覧しました

WebStorm を使用して Vue プロジェクトを開始するには、4 つの手順のみが必要です。Vue CLI をインストールし、コマンドラインでプロジェクトを作成し、WebStorm でプロジェクトを開き、「vue-cli-serviceserve」を実行します。その後、プロジェクトがデフォルトのポート (通常は 8080) で起動され、ブラウザでアクセスできるようになります。

ウェブストームで vue を起動する方法

WebStorm で Vue プロジェクトを開始する方法

WebStorm を使用して Vue プロジェクトを開始するには、次の手順があります。 :

Vue CLI のインストール

次のコマンドを使用して、npm 経由で Vue CLI をグローバルにインストールします:
```
<code>npm install -g @vue/cli</code>
```
ログイン後にコピー

Vue プロジェクトの作成

プロジェクトを作成するターゲットディレクトリに移動し、次のコマンドを実行します:
```
<code>vue create 项目名</code>
```
ログイン後にコピー

WebStorm でプロジェクトを開きます

WebStorm を開き、[ファイル] > をクリックします。 ; Vue プロジェクトフォルダーを開いて選択します。

プロジェクトの開始

WebStorm のプロジェクトメニューで、[実行] > [実行] をクリックします。
「vue-cli-serviceserve」を選択し、「実行」をクリックします。

プロジェクトへのアクセス

プロジェクトはデフォルトのポート (通常は 8080) で開始されます。ブラウザに次の URL を入力すると、プロジェクトにアクセスできます:
```
<code>http://localhost:8080</code>
```
ログイン後にコピー

追加のヒント:

「WebStorm でターミナルを開き、次のコマンドを実行してプロジェクトを停止します」と入力してプロジェクトにアクセスします。
```
<code>npm run serve --close</code>
```
ログイン後にコピー
Vue CLI でポート番号とその他の設定を構成できます。詳細については、Vue CLI のドキュメントを参照してください。

以上がウェブストームで vue を起動する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。