# 國泰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)