Nodejs Express学習ノート(一)Expressインストール

7162 ワード

一、Expressをインストールする
  • VSコードエディタを使用して、コマンドラインに下記のコマンドを入力して、Nodeとnpm
    $ node -v
    v10.15.0
    
    $ npm -v
    6.4.1
    
    がインストールされているかどうかを確認します.
  • 新規プロジェクトフォルダを作成するには、2つの方法があります.新しいExpressプロジェクト
  • を作成します.
    1、カスタム作成
    1.1 package.jsonファイルを作成する
    $ npm init
    
    package.jsonファイルにはプロジェクトの配置情報が含まれています.
    {
      "name": "myapp",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
      },
      "author": "",
      "license": "ISC"
    }
    
    1.2 Expressをインストールする
    $ npm install express
    
    package.jsonファイルの底にdependencies(「依存リスト」)があります.Mavenの依存に似ています.
    {
      "name": "myapp",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
      },
      "author": "",
      "license": "ISC",
      "dependencies": {
        "express": "^4.16.4"
      }
    
    2、Expressテンプレート
    2.1 Expressアプリケーションジェネレータのインストール
    プロジェクト空のフォルダに入り、以下のコマンドを実行します.
    $ npm install express-generator
    
    Expressアプリケーション生成器を使用して、Expressテンプレートを生成することができます.
    2.2 Expressテンプレートを生成する
    プロジェクトフォルダディレクトリの下で、以下のコマンドを実行します.
    $ express YourProjectName
    //"YourProjectName"           
    
    package.jsonファイルを確認します.
    {
      "name": "YourProjectName",
      "version": "0.0.0",
      "private": true,
      "scripts": {
        "start": "node ./bin/www"
      },
      "dependencies": {
        "cookie-parser": "~1.4.3",
        "debug": "~2.6.9",
        "express": "~4.16.0",
        "http-errors": "~1.6.2",
        "jade": "~1.11.0",
        "morgan": "~1.9.0"
      }
    }
    
    
    2.3取付テンプレート依存
    作成したフォルダに入り、次のコマンドを実行します.
    $ npm install
    
    このコマンドは、package.jsonのdependenciesの下にあるすべての依存をインストールします.
    2.4運転テンプレート
    $ npm start
    
    運行後はブラウザでlocal host:3000にアクセスできます.Expressのデフォルトの歓迎ページが見られます.