# 環境設置 **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