---
# System prepended metadata

title: F2E Project

---

# F2E Project

## :computer:專案架構

 ### **CSS**
* 預處理器:
    - [x] SCSS
    - [ ] SASS
* CSS框架:
    - [x] Tailwind
    - [ ] bootstrap5
    - [ ] vuetify
* 設計模式:
    - [ ] SMACSS:https://israynotarray.com/css/20200516/2341336904/
    - [x] OOCSS:https://israynotarray.com/css/20200516/2341336904/ (如 bootstrap寫法)
    - [ ] BEM:https://israynotarray.com/css/20200517/4250484451/
    - [ ] 不用
* Pattern(目錄結構)
*  <font color=#FF0000>base</font>
    * _reset.css
    * _base.scss(container,btn,RWD斷點...)
* <font color="FF0000">components</font>
* <font color="FF0000">layout</font>
    *  _header.scss
    *  _footer.scss
    *  _nav.scss
* <font color="FF0000"> pages</font>
* utils(工具類):(p-10,m-1...)
* themes
* vendors(第三方套件)
* <font color="FF0000">all (引入檔)</font>

> 專案架構不大可用上述紅字的分類?

-------------------

### **Javascript**
* 模組管理:
    - [ ] webpack
    - [x] vite
* 框架: 
    - [ ]  Vue2
    - [x]  Vue3 
* 用vue router? （第一週先不用）
* eslint(第一週先不用)

-------------------
### **Git**
- github (活動規定用github)

### 合作模式
* 三週每個人個別建專案,部署
* 第一週-靖弦
* 第二週-Eva
* 第三週-Frank


