為什麼要安裝 Node.js？

  • 因為它可以讓後端伺服器跑 JavaScript

為什麼要安裝 http-server？

  • 因為它可以讓我們的電腦提供 Web Service

安裝 Node.js

  1. 到 Node.js 官網 下載 目前最新的穩定版本
  2. 雙擊執行 node-v12.13.1-x64
  3. 不停的點 Next 下一步，並完成安裝
  4. 檢查環境變數是否已新增 C:\Program Files\nodejs\
  5. 檢查 Node.js 和 NPM 的版本資訊
    1
    2
    3
    4
    5
    $ node -v
    v12.13.1

    $ npm -v
    6.12.1

環境設定

  1. 在 C:\Program Files\nodejs 路徑下創建 node_global & node_cache 資料夾

  2. 開啟檔案總管
    對本機按右鍵 > 內容 > 進階系統設定 > 進階 > 環境變數 >
    點擊系統變數的 Path > 編輯 > 新增 >
    C:\Program Files\nodejs\node_global 和 C:\Program Files\nodejs\node_modules > 確定

  3. 開啟 CMD，輸入 set PATH=C:，讓環境變數立即生效，不用重開機

  4. 關閉 CMD 再重啟，輸入 echo %PATH%，查看是否有增加上面兩個路徑

  5. 更改 global 和 cache 資料夾路徑

    1
    2
    $ npm config set prefix "C:\Program Files\nodejs\node_global"
    $ npm config set cache "C:\Program Files\nodejs\node_cache"

安裝與執行 http-server

  1. 下安裝指令
    1
    2
    3
    4
    5
    $ npm install http-server -g
    C:\Program Files\nodejs\node_global\hs -> C:\Program Files\nodejs\node_global\node_modules\http-server\bin\http-server
    C:\Program Files\nodejs\node_global\http-server -> C:\Program Files\nodejs\node_global\node_modules\http-server\bin\http-server
    + http-server@0.12.0
    added 27 packages from 35 contributors in 2.798s
  2. 移動到要開放的工作目錄
    1
    $ cd C:\Users\user\Desktop\test
  3. 啟動 localhost
    1
    2
    3
    4
    5
    6
    $ http-server . 8080
    Starting up http-server, serving .
    Available on:
      http://192.168.1.114:8080
      http://127.0.0.1:8080
    Hit CTRL-C to stop the server
  4. 瀏覽器前往 http://127.0.0.1:8080 ，可以看到 test 目錄的東西
  5. 點擊 Ctrl + C 停止 http-server

參考資料


 上一頁

ffmpeg