Express 專案初始化標準動作(二)

閱讀時間約 1 分鐘

※ Express 專案步驟解說(一)

  • Node.js 環境建置: 核對 Node.js 的版本

指令:node -v。

  • 新增專案資料夾:打開終端機(Terminal),建立一個新資料夾,然後進入這個資料夾中。

指令: mkdir {資料夾名稱},建立一個新資料夾。

指令: cd {資料夾名稱},進入這個資料夾。

[~] $ mkdir {資料夾名稱}
[~] $ cd {資料夾名稱}
  • 設定 package.json:讓 npm 知道之後套件都要安裝在這個資料夾中,然後記錄曾安裝過哪些套件。

指令: npm init -y。(加上副指令 -y,意思是全部都 yes,直接跳過問問題的繁瑣步驟。)

raw-image
  • 設定程式入口為 app.js

在設定檔裡有一個 main 屬性,這個是指程式的入口檔案,手動將預設值 index.js改為 app.js。

raw-image
  • 安裝 Express:npm install express (指定版本請使用 npm install [express]@[版本號],例如:npm install [email protected]。)指令裡的 install 可以縮寫成 i
raw-image

※ 跑完指令以後,專案會新增三項東西:

  1. 新的 express 模組被登記到 package.json 的 dependencies 清單裡。
  2. 專案下新增一支 package-lock.json 檔案,系統自動記錄了詳細的套件清單。
  3. 專案資料夾裡多了 node_modules 資料夾,剛才安裝下來的檔案都存放在這裡。
    全端網頁開發專業知識分享
    留言0
    查看全部
    發表第一個留言支持創作者!