vscode でフロントエンド コードを実行する方法

通常、VsCode をインストールした後、vscode が関連機能をサポートできるようにするために多くのプラグインをインストールする必要があります。vscode がどのようにフロントエンド コードを実行するかを見てみましょう。

vscode は静的 Web サーバーをインストールできます。ライブ サーバーは、デバッグを容易にするフロントエンド コード の実行に使用されます。最新の Live Server はすでに php 動的ページをサポートしています。

インストール方法は、左側の 5 番目のアイコンをクリックして [拡張機能] ページを開き、テキスト ボックスに Live Server と入力し、最初の検索結果をクリックして、右側のページで [インストール] をクリックして待ちます。インストールが完了するまで。

操作方法は、プロジェクトを選択し、画面下部のツールバーにある「Go live」ボタンをクリックします。もう一度クリックしてサーバーを停止します。

Live Server には、ユーザーが変更できるデフォルトの構成オプションがいくつかあります。 [ファイル] -> [設定] -> [設定] をクリックし、右側のページで [Live Server Config] を見つけます。このプラグインの構成プロパティがリストされています。これを右側にコピーし、属性値を変更して、「保存」をクリックします。

たとえば、デフォルトのポートを変更するには、次のコードをページの右側にあるユーザー設定にコピーします:

"liveServer.settings.port": 5501

推奨される関連記事のチュートリアル: vscode チュートリアル

以上がvscode でフロントエンド コードを実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。