iT邦幫忙

2025 iThome 鐵人賽

DAY 11
0
AI & Data

AI 營養師 + Web3 數位健康護照系列 第 11

Day11. 嘔心瀝血寫的程式碼,卻是別人眼中的亂碼?快用 VS Code 幫它穿上專業戰袍!

  • 分享至 

  • xImage
  •  

昨天為了方便,將所有的程式碼都寫在 app.py 裡面,但是這是很不好的,如果之後要維護,或是要增加新功能(特別是這系列還會遇到 db & web3),打開檔案看到程式碼落落長真的會很傻眼喵咪

所以今天開始就要用專案的方式處理昨天的 app.py 檔案,順便再介紹一個 IDE: VSCode

VSCode 是什麼?

Visual Studio Code(簡稱 VSCode)是由微軟開發的跨平台原始碼編輯器。

  • VS Code支援Windows、macOS、Linux三大作業系統。
  • 支援多種程式語言(如Python、JavaScript、C++、HTML/CSS等),並可搭配延伸套件進一步擴充語言支援。
  • 強大擴充生態系統,從Python到網頁設計,皆有專屬插件可一鍵安裝。

第一步:下載與安裝 VS Code

  1. 下載 VSCode

    • 前往官方網站 Visual Studio Code 官網
    • 根據所使用的系統(Windows/Mac/Linux)下載對應安裝程式,執行並依指示「下一步」完成安裝。(VS Code 官網有基本安裝與設置教學)。
  2. 安裝流程(以 Windows 為例)

    • 執行安裝檔,勾選「建立桌面捷徑」與「加入 PATH」
    • 依指示完成安裝
    • 安裝完成後,開啟 VSCode,檢查版本與語言設定
  3. 初始設定與介面導覽

    • 可切換繁體中文介面:開啟VS Code後,點選「延伸模組」搜尋「Chinese」(Traditional),安裝「Chinese Language Pack」後重啟即可轉換為繁體中文。
    • 調整主題與字型大小:進入「設定」→「外觀」
    • 設定快捷鍵與工作區
  4. 安裝Python與VS Code Python擴充套件

    • https://www.python.org 下載並安裝Python(建議安裝時勾選「Add python.exe to PATH」)。
    • 開啟VS Code,點選左側「擴充功能」圖示,搜尋「Python」並安裝由Microsoft開發的官方Python擴充套件。
    • 安裝完成建議重啟VS Code。

第二步:建立第一個Python檔案

  1. 啟動 VS Code
  2. 建立Python檔案:副檔名為 .py
  3. 寫入這行程式碼:
print("Hello, Python!")
  1. 接著執行Python程式:右上角的「三角形按鈕」能直接執行程式碼

https://ithelp.ithome.com.tw/upload/images/20250923/20129220reAlgqbDVD.jpg

Ref.


上一篇
Day10. 輕鬆打造個人專屬的 AI 營養顧問 Ep2:串接第三方 API (Hugging Face + Gradio)
下一篇
Day12. 善用 VSCode:從單一檔案到建立專業專案,告別雜亂無章。
系列文
AI 營養師 + Web3 數位健康護照13
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言