養了兩隻貓 Migo & Oreo 開了一台小車 又不太會寫程式的工程師 打嘴砲比較厲害

文章列表

Visual Studio Code 開發 Python 程式

Visual Studio Code,以下簡稱 VS Code,是一個強大的編輯器,除了可以打開許多格式的檔案,最強大的功能是它就是一個 IDE,你可以下載許多擴充套件幫助你在撰寫程式更加方便、快速。

這次分享如何使用 VS Code 撰寫 Python,並直接在 VS Code 執行。

以下安裝環境為 OSX(Macbook)。

軟體下載:



IDE 開發語言設定

隨便打開一個 Python 的檔案 (.py 結尾),它會提醒你安裝 Python 的擴充套件,你也可以自己先手動安裝。

首先,點選左側功能表的第五個選項。
若打開左側沒有功能選單,可以按 Cmd + B 來開啟。


在搜尋欄中輸入 Python


安裝第二個擴充套件(若在安裝新的套件時,可以參考被下載的次數來優先選擇。)


安裝成功後,按下鍵盤的「 Cmd + Shift + P」(Windows 環境輸入「 Ctrl + Shift + P」)
這時候視窗上方會出現一個搜尋欄位。


在搜尋欄位中輸入「 task 」,按下 Enter。


會出現一串清單,選擇 「TypeScript - tsconfig.json 編譯 TypeScript 專案」這個選項。(紅框選擇處)


接下來會跳出一頁設定檔,裡面有許多屬性,將原本屬性的值改成跟下圖一模一樣。


修改完後,按下「 Cmd + S 」儲存檔案(Windows 環境按下「 Ctrl + S 」),一切就大功告成拉,這時候你可以泡個熱水澡或是吃頓大餐犒賞自己。(也太容易滿足)


等等,還沒教我怎麼執行 Python 檔案啊!

差點忘了,水先別放餐先別點。
回到剛剛 Python 的畫面,直接按下鍵盤的「 Cmd + Shift + B 」(Windows 環境輸入「 Ctrl + Shoft + B 」)就可以執行 Python 程式拉,結果會輸出在下方紅框處。




Debug 模式設定

身為一個專業的類 IDE 的強大編輯器,怎麼能夠沒有 Debug 模式呢?(偵錯模式)

切換至偵錯介面,圖片紅框處。
(若左方沒有功能清單,按下「 Cmd + B 」,Windows 按下「 Ctrl + B」就可以開啟左方功能清單)


按下左方綠色的播放按鈕(下圖紅框處),並選擇 Python 這個選項。
沒出現 Python 選項一定是你沒安裝 Python 擴充套件,滑鼠滾輪往上從看一下。
我是已經選過 Python 了所以綠色 Play 按鈕右邊才會寫 Pyhton,正常沒有設定的話會寫沒有組態。


設定完後,按下綠色 Play 按鈕就可以使用 Debug 模式開發你的 Python 專案了。


真的可以開始放洗澡水拉,趕快拿起電話點份最好吃的餐點。
以上是如何在 VS Code 上設定 Python 開發環境,打完收工。

Visual Studio Code 開發 Python 程式 Visual Studio Code 開發 Python 程式 Reviewed by Unknown on 4月 16, 2017 Rating: 5

6 則留言:

  1. 我也寫了一篇 VS Code 擴充功能的整理~
    http://goodjack.blogspot.com/2018/03/visual-studio-code-extensions.html

    回覆刪除
  2. 請問一下
    我的vscode在tasks configure只有MSBuild, maven, .NET Core, Others四個選項
    沒有TypeScript - tsconfig.json 編譯 TypeScript 專案
    請問是要另外安裝plugin嗎?

    回覆刪除
    回覆
    1. Hi, Peter
      由於 VS Code 已經更新好幾版了
      我使用 windows 版的 VS code 下載 python 延伸模組
      可以不需設定組態就使用 debugger 模式了
      你再試試看


      刪除
  3. 有教基本寫HTML的說明嗎?

    回覆刪除
    回覆
    1. 你是說 HTML 的基本教學嗎?
      還是使用 VS code 來寫 HTML 的教學呢?

      刪除

技術提供:Blogger.