Node.js @ Modern Web and App Programming

跟著 Modern Web and App Programming 一直學到 Lecture 05 Modern Javascript，突然有點頭昏腦脹，前面都還好好的學寫 JS、CSS，突然加進了一個 node.js 後，就正式進入包來包去的狀況。

以下根據影片裡面的部份做點記錄和整理。

總之要先安裝好 node.js

因為我本來就已經裝好了 xcode ，所以我參考了這篇 How to Install Node.js and NPM on a Mac

決定先把 Homebrew 裝好後，只要下簡單的指令就可以裝 node.js & npm

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安裝好 Homebrew 後，直接安裝 node.js & npm

brew install node

接著跑完就可以下指令檢查版本了

node -v
npm -v

要更新版本的話，可以

brew update
brew upgrade node // 只更新 node.js

接下來就可以開一個要工作的資料夾執行 node.js 初始化和安裝 package

npm init
// 執行後會產生 package.json 檔

npm install --save 
// node install --save-dev  要一起加入開發的話

// 影片中是使用 npm install --save lodash 為示範

接著影片提到通常原始寫的 javascript code 都是放在 src 資料夾，然後後製過、要實際執行的放在 dist 資料夾裡（html 檔也是放在 dist 這沒錯）


安裝好 package 後，在實際的 JS 檔案中，可以使用以下的方法使用

var _ = require('lodash');
console.log(_.join(['Hello', 'Node.js'], ' '));

可以在 terminal 中執行，即可看到輸出結果

node src/main.js
// Hello Node.js

自己寫的 JS，也可以做成一個 package

// 寫法1
exports.name = 'Module';
exports.version = 1.0;
exports.f = function () {
    console.log('Hello Module');
}

// 寫法2
module.exports = {
    name: 'Module',
    version: 1.0,
    f: function () {
        console.log('Hello Module 2');
    }
};

然後一樣 require 引入

var m = require('./module.js');