vscodeでローカルサーバーを構築する方法-VSCode-php.cn

vscodeでローカルサーバーを構築する方法

王林

リリース： 2020-01-09 14:47:12

オリジナル

3803 人が閲覧しました

vscodeでローカルサーバーを構築する方法

#1. ノードのインストール

2. Express のインストール

#ターミナルを開いて、次のコード：

// 全局安装
npm install express -g

// 测试是否安装成功
express -h

// 安装如果出现问题，则运行
npm install express-generator -g

ログイン後にコピー

3. プロジェクトフォルダーを作成します

(1) 手順:

1.express myapp

vscodeでローカルサーバーを構築する方法

2. cd myapp

3. npm install

上記の手順の手順: まず、プロジェクトフォルダー myapp を作成し、そのフォルダーに入り、初期化します。プロジェクト。

(2) Express Framework の構成

vscodeでローカルサーバーを構築する方法

説明:

bin はプロジェクトの起動ファイルであり、プロジェクトの起動方法を設定します。、デフォルトの npm start。サービスの開始に www ファイルが使用されます。

node_modules は、ファイルに必要なモジュールです。

public はプロジェクトの静的ファイルで、js、css、img などのファイルが配置されます。

routes は、アドレスルーティングを制御するプロジェクトのルーティング情報ファイルです。

ビューとは、ejs や jade などのテンプレートファイル (実際には HTML 形式のファイルに相当します) を配置するビューファイルです。

上記は、基本的な Express ベースの MVC フレームワークモデルです。 Web プロジェクトの構成。

vsCode のターミナルに

node ./bin/www を入力してサービスを開始します。

注: ノード ./bin/www` のパスは package.json ファイルにありますが、自分でインストールする場合は異なります。

ブラウザでのアクセス

localhost:3000次の図に示す結果は、起動が成功したことを示しています:

注: 3000 ポート番号は bin ファイルにあります。

vscodeでローカルサーバーを構築する方法

の下の www ファイル内で、関連記事とチュートリアルが推奨されます:

vscode チュートリアル

以上がvscodeでローカルサーバーを構築する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。