Vscode 分割畫面 --- 讓你能同時看多個檔案

更新於 2024/12/05閱讀時間約 1 分鐘

歡迎各位贊助喔 👍👍👍


簡介

分割畫面很重要,就像你上班有雙螢幕一樣 😁


方法

點 "View" -> "Editor Layout" -> "Two Columns" 或 "Three Columns" (當然像 Two Rows 或 Three Rows 也可以)

raw-image

再來你就會看到 vscode 的畫面被一分為二,如下圖,我故意用紅框框出兩個叉叉,以便大家看清楚

raw-image

現在你可以一次顯示兩個檔案了,先點左邊的區塊,然後開啟一個檔案,你會發現左邊的區塊會顯示你開啟的檔案的內容,然後右邊也依樣畫葫蘆你就能看到兩個檔案了,如圖,我左邊開了 a.py,右邊開了 b.py

raw-image






每個房間都是一個有趣的主題喔
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
教大家怎麼更改/設定快捷鍵
用 Vscode 直接連到遠端電腦進行編輯、編譯、執行遠端電腦的程式檔,完整教學
更改 vscode 程式碼顏色的詳細教學
建置 vscode + python 開發環境的完整流程,詳細且附圖
建置 vscode + python 開發環境的完整流程,詳細且附圖
教大家怎麼更改/設定快捷鍵
用 Vscode 直接連到遠端電腦進行編輯、編譯、執行遠端電腦的程式檔,完整教學
更改 vscode 程式碼顏色的詳細教學
建置 vscode + python 開發環境的完整流程,詳細且附圖
建置 vscode + python 開發環境的完整流程,詳細且附圖
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
該怎麼遠端使用VSCODE(Visual Studio)? 身為一個懶人,能在家裡就在家裡,能不去實驗室就不去實驗室,但自己的電腦不夠好怎麼辦? 使用SSH進行連線。 在每個步驟我可能會補充一點,你"可能"遇到得問題
Thumbnail
某天在檢視~/AppData/Roaming裡面的資料,看看有沒有垃圾要手動清理,一個不小心砍掉了VSCode的設定資料夾,以至於重新開啟後整個頁面跟剛下載來安裝後的編輯器沒兩樣,乾脆趁這機會整理一下日常配置設定,哪天換新機或是又手殘了也能快速復原歸位。
首先要安裝vscode : Visual Studio Code - Code Editing. Redefined 安裝後我們就可以把她打開來,接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json,就可以開始你的設定拉(主要是依照個人的喜好設定
Thumbnail
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
1. 安裝VS Code 1-1. Ctrl-K-T 換主題顏色 1-2. 加上基本插件(外掛) A. python擴展插件 關鍵字高亮, 智慧指令提示 Python解釋器切換 B. 使用中文插件 C. 使用Code runner才有三角形執行鈕
👨‍💻Intro 為了實現vscode在wsl環境下使用ssh連接到gce的需求,在爬文後找到一篇解法,因此記錄下來,方便日後查詢 🎯setup 建立ssh.bat檔案,並放在windows下任意位置 2. vscode設定ssh.bat路徑 打開vscode的settings -> exte
Thumbnail
不知道為什麼,原本相安無事的兩個人,突然間看對了眼,開始出雙入對、形影不離。這除了讓人看了很不順眼之外,也很浪費時間。雖然想盡辦法要拆散他們,但都沒成功。逼不得已,只好狠下心來,冒險將一切抹除,讓他們走完「成、住、壞、空」最後的階段,輪迴至下一輪的「成、住、壞、空」。只是沒想到
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
該怎麼遠端使用VSCODE(Visual Studio)? 身為一個懶人,能在家裡就在家裡,能不去實驗室就不去實驗室,但自己的電腦不夠好怎麼辦? 使用SSH進行連線。 在每個步驟我可能會補充一點,你"可能"遇到得問題
Thumbnail
某天在檢視~/AppData/Roaming裡面的資料,看看有沒有垃圾要手動清理,一個不小心砍掉了VSCode的設定資料夾,以至於重新開啟後整個頁面跟剛下載來安裝後的編輯器沒兩樣,乾脆趁這機會整理一下日常配置設定,哪天換新機或是又手殘了也能快速復原歸位。
首先要安裝vscode : Visual Studio Code - Code Editing. Redefined 安裝後我們就可以把她打開來,接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json,就可以開始你的設定拉(主要是依照個人的喜好設定
Thumbnail
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
1. 安裝VS Code 1-1. Ctrl-K-T 換主題顏色 1-2. 加上基本插件(外掛) A. python擴展插件 關鍵字高亮, 智慧指令提示 Python解釋器切換 B. 使用中文插件 C. 使用Code runner才有三角形執行鈕
👨‍💻Intro 為了實現vscode在wsl環境下使用ssh連接到gce的需求,在爬文後找到一篇解法,因此記錄下來,方便日後查詢 🎯setup 建立ssh.bat檔案,並放在windows下任意位置 2. vscode設定ssh.bat路徑 打開vscode的settings -> exte
Thumbnail
不知道為什麼,原本相安無事的兩個人,突然間看對了眼,開始出雙入對、形影不離。這除了讓人看了很不順眼之外,也很浪費時間。雖然想盡辦法要拆散他們,但都沒成功。逼不得已,只好狠下心來,冒險將一切抹除,讓他們走完「成、住、壞、空」最後的階段,輪迴至下一輪的「成、住、壞、空」。只是沒想到