3日目

1925 ワード
express html node css テキストリンク

要件

  • Nodejsインストール

    • 為す


    フォルダ内のフォルダを作成するフォルダ日3mkdir day3フォルダに入るcd day3

    ランニングエクスプレス


    端末内でコマンドを実行してExpressをインストールします

    1. npm init -y

    2. npm i express

    3. touch app.js

    4. copy and paste Hello World Example
      inside app.js file


    const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})
    端末タイプ内node app.jsブラウザ囲いlocalhost : 3000

    HTML、CSS、JavaScriptなどの静的ファイル


    内部のDay 3フォルダmkdir public日2からパブリックペーストプロジェクトファイル内.
    ファイル
    • index.html
    • style.css
    • script.js

    内部アプリ.js削除
    app.get('/', (req, res) => {
  res.send('Hello World!')
})
    追加
    const path = require('path')
app.use('/', express.static(path.join(__dirname, 'public')))
    express.staticについて詳しく知る
    コードは以下のようになります
    const express = require('express')
const path = require('path')

const app = express()
const port = 3000

app.use('/', express.static(path.join(__dirname, 'public')))

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})
    もう一度チェックしてください
    それはprimatonです!
    誰かのJavaScriptの宿題