---
# System prepended metadata

title: 國泰E家人

---

# 國泰E家人

### NodeJS環境安裝

- [NVS(NodejsVersionSwitch)安裝檔案](https://github.com/jasongin/nvs/releases/tag/v1.7.0)


```shell=
//安裝nodejs 14.7.0版本
> nvs add 14.17.0

//使用nodejs 14.7.0版本
> nvs use 14.17.0

前端目標資料夾> npm install -g yarn gulp webpack

//關閉SSL憑證檢驗
前端目標資料夾>yarn config set "strict-ssl" false -g

前端目標資料夾> yarn install

//執行前端程式應用
前端目標資料夾> gulp server
```

- [前端程式碼] \\\10.198.204.145\update\GitRepo\開發\CathaySiteEfami\frontend.git
- [後端程式碼]\\\10.198.204.145\update\GitRepo\開發\CathaySiteEfami\backend.git

### 前端程式碼開發採用
- **CSS**#SCSS/TAILWINDCSS/ICONFONT
- **Javascript**#Jquery/ReactJS/HighChartJS(圖表套件)/SlickJS(輪播套件)

### 前端SCSS程式架構
| 程式碼資料夾 | 子資料夾 | 說明 | 備註 |
| -------- | -------- | -------- | -------- |
| /scss     | /common | 共用元件樣式 |      |
| /scss     | /components | 元件樣式 |      |
| /scss     | /pages | 頁面樣式 |      |
| /scss     | /vendor | 第三方套件樣式 |      |
| /scss     | / | 各頁面樣式集成 |      |


### 前端JSX程式架構
| 程式碼資料夾 | 子資料夾 | 說明 | 備註 |
| -------- | -------- | -------- | -------- |
| /jsx     | /actions | API |      |
| /jsx     | /common | 共用元件及框架 |      |
| /jsx     | /components | 各頁面及共用元件 |      |
| /jsx     | /hooks | 資料處理中間層 |      |
| /jsx     | /pages | 各功能頁面 |      |
| /jsx     | /utilites | 工具集 |      |
| /jsx     | / | 頁面主要js |      |


### 版本管控規則
- 依照Notion Issue進行branch分支
- 告知修改完成後，由Vincent進行Merge進主幹
- 每日需進行git rebase拉齊版本


### ReactJS基礎教學
- [參考文件#1](https://juejin.cn/post/7032695751998177287)
