承上篇， 出處 ， 有簡體版

Running tasks

package.json 除了定義跟獲取 dependencies ， 也可以定義腳本名讓 npm 執行 run-script command， 這個方法常見於自動化處理 ， 例如壓縮 JS, 圖片, LINT/analyse code ...

Note: 自動化工具例如 Gulp & Grunt

例如現在定義一個腳本去跑 eslint ， 把它加在 package.json ( 假設放在 /src/js )

"scripts": {
  ...
  "lint": "eslint src/js",
  ...
}

eslint src/js 是一個 command， 用來對 src/js 目錄下的 .js 檔執行 eslint， 上面的設定我們可以用 shortcut -- lint

$ npm run-script lint
或是
$ npm run lint

這個範例看起來沒有讓原本的變方便許多， 但我們也可以塞更長的指令進去

安裝 Express App Generator

想想之前提到過的骨架。 好我們來安裝吧

$ npm i express-generator -g

( 這個 -g 是指 globally， 這樣裝就到處都可以用 express-generator )

用預設設定來建造名為 "helloworld" 的 app

$ express helloworld

Note: 也可以不要用預設設定， 使用 help 看看全部的選項

express --help

npm 在你目前位置下的新資料夾， 建造新的 Express app 。 完成後會顯示 ( 如下 ) 需要輸入的 commands 來安裝 Node denpendencies 還有啟動 app

change directory:
  $ cd helloworld

install dependencies:
  $ npm install

run the app:
  $ DEBUG=helloworld:* npm start

新的 app 會在它的根目錄下有一支 package.json， 可以開來看有哪些會被安裝

進行安裝

$ cd helloworld
$ npm install

啟用 app ( 這裡是Linux/macOS， Windows去官網看 )

$ DEBUG=helloworld:* npm start

DEBUG 指令會會返回:

> helloworld@0.0.0 start /Users/userName/Documents/鐵人賽2020/test-node/helloworld
> node ./bin/www

  helloworld:server Listening on port 3000 +0m

接著開瀏覽器確認， 看到有「歡迎光臨」就成功囉！

後續文章中也會討論更多關於產生 app

Summary

現在會用 Express App Generator 產生 app 了。 接下來會開始進入教學： 用這個環境及相關工具建造一個完整的 app