---
# System prepended metadata

title: CRUD_環境設置
tags: [教案]

---

# 環境設置
**2h**

[ToC]
## 寫程式用的
### vscode
vscode 是拿來寫程式的 IDE，讓使用者更方便的進行操作
1. [vscode 官網](https://code.visualstudio.com/)
2. 點擊下載即可
![image](https://hackmd.io/_uploads/SJUqGlNgA.png)
3. 下載後會是一個執行檔 (.exe)，點擊安裝
![螢幕擷取畫面 2024-04-10 1908081](https://hackmd.io/_uploads/S1elBgNg0.png)
4. 預設是「不同意」，記得改成「同意」![vscode1](https://hackmd.io/_uploads/rylMSgNxC.png)
5. 可以稍微記一下路徑，這樣之後要找比較好找![vscode2](https://hackmd.io/_uploads/SkeBrlVeC.png)
6. 建議在桌面顯示圖標，比較好找到程式![vscode3](https://hackmd.io/_uploads/HkOwSx4eA.png)
7.點擊安裝就完成了 ![vscode4](https://hackmd.io/_uploads/H1AKHg4eC.png)


### Anonconda
在開始寫程式之前，我們需要安裝一個叫做 anoconda 的東西
1. [Anaconda官網](https://www.anaconda.com/)
2. 點擊畫面右上角 "Free Download"
    ![image](https://hackmd.io/_uploads/HyTb5JNgC.png)
3. 下載好後，執行檔案 (.exe 是一種執行檔)
![image](https://hackmd.io/_uploads/SkYUq1NlA.png)
4. 然後一直按 "Next" 就行了
<br>
-  更多可參考 [Anaconda 3 安裝教學及說明](https://medium.com/ai-for-k12/anaconda-3-%E5%AE%89%E8%A3%9D%E6%95%99%E5%AD%B8%E5%8F%8A%E8%AA%AA%E6%98%8E-3542d8e6a224)

### python
1. 把剛剛已經安裝好的 Anonconda 叫出來並打開
![image](https://hackmd.io/_uploads/S1U_6eNeC.png)
2. 找到 vscode 的圖標並點選 "Launch" ![螢幕擷取畫面 2024-04-10 185835](https://hackmd.io/_uploads/ryA6Bg4gA.png)
3. 它會自動打開 vscode (沒有的話就自己在桌面圖示打開，點擊左側框起來的地方，確認已經安裝 pylance, python, python debugger
<div style="display:flex; justify-content:space-around;">
  <img src="https://hackmd.io/_uploads/r1yvLl4lA.png)
" alt="First Image" style="width: 30%;">
  <img src="https://hackmd.io/_uploads/rkgqLx4e0.png" alt="Second Image" style="width: 70%;">
</div>


## 資料庫要用的
### mysql workbench & mysql server
####  1) 先下載 mysqlworkbehcn
[教學參考](https://boomengineer.medium.com/mysql-workbench%E4%B8%8B%E8%BC%89%E5%8F%8A%E5%AE%89%E8%A3%9D-3d5b5d9fa18b)

#### 2) 下載 mysql server
- [How To Install MySQL (Server and Workbench)](https://www.youtube.com/watch?v=u96rVINbAUI)
   - 這個影片和現在的版本有點不一樣了，但還是可以加減參考

1. [下載網站](https://dev.mysql.com/downloads/mysql/)![image](https://hackmd.io/_uploads/B1RaIgKZ0.png)

2. 選擇 typical
![2](https://hackmd.io/_uploads/H194wWF-R.png)

3. 其他部分就是一直按 next
4. 最後記得這邊要勾，然後選 finish
![3](https://hackmd.io/_uploads/SybNqbF-C.png)
5. 打開來後會出現這個
![4](https://hackmd.io/_uploads/BkYDqWKbA.png)

6. 一直按 next 直到 "Accounts and Roles"
7. 輸入你的密碼
![5](https://hackmd.io/_uploads/HJ1icWtZA.png)

8. 其他就是一直按 next

#### 3) mysql server 下載完後，打開你的 mysql workbench
1. 應該會長這樣 (多一個 connections)
![image](https://hackmd.io/_uploads/HyIfjbY-R.png)

2. 點進圖中的 coneectoins，會出現這個。輸入你的密碼 (password) 。
save to vault 記得勾
![6](https://hackmd.io/_uploads/Hyz2cbY-C.png)

3. 
![7](https://hackmd.io/_uploads/rkHR5bKZ0.png)

4. 完成

## 在 vscode 上設定套件
### 安裝套件
在終端機進行操作
```
$ pip install Django
```
```
$ pip install line-bot-sdk
```
```
$ pip install pymysql
```
### 建立專案
在終端機進行操作
```
$ django-admin startproject '專案名稱'
```
```
cd '專案名稱'
```
3. 建立 APP：可以進行多個 Line Bot 開發
```
$ python manage.py startapp 'APP名稱'
```
4. 新建兩個資料夾
```
$ md static
$ md templates
```
static 用於靜態資料如圖片、檔案
templates 用於放寫好的 html