ホームページ  >  記事  >  開発ツール  >  vscodeでローカルサーバーを構築する方法

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

王林
王林オリジナル
2020-01-09 14:47:123773ブラウズ

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 プロジェクトの構成。

4.

vsCode のターミナルに

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

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

ブラウザでのアクセス

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

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

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

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

vscode チュートリアル

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。