---
# System prepended metadata

title: 程設組開發技術筆記
tags: [coder]

---

# 程設組開發技術筆記

以下為暫定，可能會更改

## 編輯器：Visual Studio Code (建議)
 - 程式碼格式化
     - Prettier
 - AI工具
     - Copilot : [Coplilot學生方案申請教學](https://medium.com/%E5%BD%BC%E5%BE%97%E6%BD%98%E7%9A%84-swift-ios-app-%E9%96%8B%E7%99%BC%E5%95%8F%E9%A1%8C%E8%A7%A3%E7%AD%94%E9%9B%86/%E7%94%A8%E8%80%81%E5%B8%AB-%E5%AD%B8%E7%94%9F%E8%BA%AB%E4%BB%BD%E5%85%8D%E8%B2%BB%E4%BD%BF%E7%94%A8-github-copilot-223236e0e0e8)
     >現在Copilot也是有開放免費版的，只是用量會有限制，再自行斟酌一下
 - 其他好用擴充，之後補上

## 前端
### 基礎
- HTML
- CSS
    - Tailwind框架(建議)
- JavaScript

### 框架
- Vue
- Nuxt (實際開發環境)


## 版本控制工具
- git
- github
- gitlab (實際開發環境)

## 容器化開發(看情況)
- Docker

:::info
以上內容前端一定要熟，版本控制工具與Docker可以沒很熟，但要知道那在幹嘛，開始做了就會熟了。
:::
:::warning
下面的內容是 Optional 的，不要求全部都看，若有興趣建議照順序看，用到機率由上而下遞減
:::
## 後端框架
- Node.js & Express

## 資料庫
- 結構化 & 非結構化
- 關聯 & 非關聯
- 快取資料庫

## UI 與原型（Prototype）設計工具
- Figma
    - 我們的工作內容只要會看就好了，有興趣想學設計可以自己玩玩看

