今天的內容會以製作實際的範例為主，那麼我們先確定一下環境是否有安裝node，如果沒有的話可能要先去安裝node。(node官方連結)詳細的安裝過程，我就不再贅述了。

安裝完成後先確認我們的環境：

node -v 
npm -v

確認都有版號並且不要太舊之後我們可以開始試做一個 node 環境下的 hello world 出來，首先開一個資料夾，CD到該資料夾下，於終端機輸入：

npm init -y

此時，你的資料夾內會多出一個package.json的檔案，內容如下：

{
  "name": "資料夾名稱",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

接著，我們創建一個index.js的檔案，內容如下：

console.log('Hello World!')

儲存後於終端機輸入：

npm install
or 
yarn

完成setup之後，我們嘗試透過 node 打開 index.js 檔案來看看：

node index.js

此時，你應該能在終端機介面中看到 Hello World! 的訊息。

接著我們順便也將 Redux 也安裝至環境當中，於終端機輸入：

npm i redux
or
yarn add redux

完成後可以查看 package.json 檔案，dependencies應該會變成這樣：

// 省略...
"dependencies": {
  "redux": "^4.2.0"
 }

在每個功能開發之前我們要做的事

專案發想，在開始製作之前，我們先來設定一個應用的情境，假設是一個店家的庫存管銷狀態，以咖啡廳為例好了，我們將實體對像先列出來，如以下：

• 店本身(老闆角度)
• 店員
• 客戶

再將情境列出來：

客戶 → 買商品
店員 → 處理(買商品)事件 → 提供商品減庫存

那我們試著將這樣的概念移轉到Redux上面，如以下：

這樣大致上能解釋 Redux 專案裡常做的檔案分離，其各自的工作分別為何？有了以上的概念之後，在後續開發時就比較會有方向，這樣開發出來的功能也會比較完整。

那麼今天的內容就先到這，明天再接續這樣的概念下去講解怎麼建構這些檔案。