iT邦幫忙

2022 iThome 鐵人賽

DAY 9
0
DevOps

前端轉生~到了實驗室就要養幾隻可愛鯨魚:自架 Kubernetes 迷航日記系列 第 9

Day 9 — 遠端操控面板:vscode 實用延伸模組 (一)

  • 分享至 

  • xImage
  •  

可愛鯨魚

我想賴在沙發上遠端操控不行嗎?

圖片來源:Docker (@Docker) / Twitter

  • 機器都裝 Ubuntu server,連個桌面都沒有,通通用 ssh 連線,但... 我只能用普通的 terminal 嗎?

  • 很多人都推薦 Kubernetes Dashboard 看資源狀態,介面是很好用沒錯,但我機器沒桌面,要先把 Service 對外嗎?還是要架 proxy?難道要把自己的電腦加進 cluster?

    我只是為了要操控方便怎麼越搞越複雜... /images/emoticon/emoticon02.gif

我有一些酷東西來看看吧~

vscode 延伸模組

身為一個 web 仔一定會用到 vscode 吧,vscode 有一套 遠端開發 生態

接下來就來介紹我有使用的延伸模組~
(ㄧ): Remote - SSH, Remote - Containers
(二): Docker, Kubernetes,最後補充如何解決上方提到遠端要看 Kubernetes Dashboard 的問題

Remote - SSH

基本的 ssh 大家都有用過吧,vscode 的可不是這麼簡單而已,他直接讓畫面接到遠端的 workspace,使用上就像直接在遠端的機器上開發


圖片來源:Developing on Remote Machines using SSH and Visual Studio Code

遠端的 server 在你用連進去的時候就會自動安裝並啟用了,不需要自己安裝哦~

  1. 安裝後左側會多一個 icon,點右上方 + 可新增目標,輸入 ssh 指令後即可連接

    已連線過的目錄才會顯示,如上圖的 /home

  2. 按下齒輪可以編輯 ssh config,如下我修改了 Host 名稱方便閱讀

  3. 還有一個我覺得很好用的功能 port 轉送!在後面補充的部分再用來看看他的實際作用吧


Remote - Containers

除了用 ssh 連到主機外,還可以連到主機裡的 container,這通常是用來開發測試使用,對於部署到是沒有太大的幫助

它會在 root 底下建立 vscode 相關的資料,也會啟動 vscode server,建議了解 container 底層的 image 後再使用


圖片來源:Developing inside a Container using Visual Studio Code Remote Development

  1. 安裝完成後在遠端的 icon 右上方多出一個選擇框,切換成 Containers

  2. 選擇要連接的 container

  3. 之後就能選擇開啟的資料夾,或使用 terminal 查看運作狀況


另外還有在 windows 上使用的 WSL 遠端開發,我這裡是直接在 ubtuntu 上開發沒辦法使用,有興趣的可以參考 Developing in the Windows Subsystem for Linux with Visual Studio Code


Ref


遠端控制就是讚~ 我好想躺著寫 code 阿~ /images/emoticon/emoticon11.gif
明天繼續 Docker, Kubernetes 的部分~


上一篇
Day 8 — 艦隊內部通訊:CNI plugin
下一篇
Day 10 — 遠端操控面板:vscode 實用延伸模組 (二)
系列文
前端轉生~到了實驗室就要養幾隻可愛鯨魚:自架 Kubernetes 迷航日記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言