【VS Code】使用 ftp-simple 連結伺服器

閱讀時間約 3 分鐘
本篇目標:ftp-simple 連接與使用
本篇適合:需要使用Visual Studio Code 連接伺服器進行程式寫作的朋友
過去因為在實驗室的經驗,所有的程式皆存放在實驗室的伺服器上,因此我們會需要用本機的電腦嘗試連接到伺服器進行寫作。
測試了一些 Visual Studio Code 的套件,最終還是比較喜歡 ftp-simple,因此在此介紹使用 ftp-simple 連接伺服器的方法,也可以參考這篇

步驟一:下載 ftp-simple

點選畫面左列第五個方框框的 icon 進入「延伸模組」,並查詢「ftp-simple」。
「延伸模組」查詢 ftp-simple

步驟二:新增伺服器設定

呼叫命令列

Windows 用戶可點選「F1」或「Ctrl + Shift + P」、Mac 用戶可點選「F1」或「Cmd + Shift ⇧+ P」、Macbook Pro(有 touch bar)可先點選「fn」,直到 touch bar 上出現功能列表,再按下「F1」,或也可以直接點選「Cmd + Shift ⇧+ P」
(相關 VS Code 快捷鍵可見此
開頭要出現「>」才是「指令模式」

Config 設定

點選「ftp-simple:Config」,會跳出一個 json 格式的檔案,請依序填寫相關資訊。
依序填寫相關資訊
name :填寫要如何命名這個伺服器(可隨意設定,只要自己認得就好)
host:伺服器 ip
port:連接埠
type:欲使用的連接方式
username:登入伺服器的帳號名稱
password:登入伺服器的帳號之密碼
autosave:是否自動儲存文件至伺服器
confirm:儲存文件時是否再次詢問使用者是否儲存
依序填寫完畢後按下儲存,如檔名出現紅字請再按一次儲存(儲存快捷鍵為(mac) Cmd + S 或 (Windows) Ctrl + S)
若出現紅字,擔心沒有順利儲存的話可以再按一次儲存,但基本上不影響運作。
此外,「{...}」大括號後也可以新增更多預設伺服器。

步驟三:開啟檔案 / 工作區

基本上相關設定已經完成,若要開啟檔案有幾種方式:
  1. 開啟單一檔案編輯
  2. 開啟工作區針對資料夾內所有檔案編輯

開啟單一檔案編輯

同樣開啟命令列(如同步驟二之教學),點選「>ftp-simple: open - Open the file directly from FTP server」,若伺服器為 Linux 系統,路徑預設為根目錄可依序點選 home -> 個人帳號,即可到達自己個人資料夾,尋找所需檔案即可。
點選「>ftp-simple: open - Open the file directly from FTP server」
選擇伺服器
若成功進入伺服器,點選「home」,若並無出現此版面,很可能是沒有成功連接上伺服器。
點選個人帳號檔案。
尋找指定檔案。
開啟單一檔案完成
若毫無反應,很可能是沒有成功連接上,請確保自己填寫的連接資料沒有問題。

開啟工作區針對資料夾內所有檔案編輯

同樣開啟命令列(如同步驟二之教學),點選「>ftp-simple: remote directory open to workspace」,若伺服器為 Linux 系統,路徑預設為根目錄可依序點選 home -> 個人帳號,即可到達自己個人資料夾,尋找所需檔案即可。
點選「>ftp-simple: remote directory open to workspace」
同上一個步驟,找尋想要的特定資料夾,並點選「Current Directory」即可。
成功即會開啟該工作區,即完成!
為什麼會看到廣告
62會員
74內容數
加入沙龍追蹤 CT 更多文章!
留言0
查看全部
發表第一個留言支持創作者!
CT 的其他內容
紐約時報曾經於2018年12月製作過「How Does Your State Make Electricity?」專題,探討從2001-2017年美國各州電力系統結構變化。本篇目的旨在仿照紐約時報的做法,也製作一個屬於台灣的電力結構轉變資訊圖表。
紐約時報曾經於2018年12月製作過「How Does Your State Make Electricity?」專題,探討從2001-2017年美國各州電力系統結構變化。本篇目的旨在仿照紐約時報的做法,也製作一個屬於台灣的電力結構轉變資訊圖表。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
本篇將不同 Sass 學習資源彙整在此,作爲學習筆記,大多來自 w3schools 和六角學院,相關連結也一並記錄下來,以便可以隨時查看、更新。
Thumbnail
微軟想把 VS 的一些編輯功能在 VS Code 上實作, Unity 也在幾天前推出了基於 C# Dev Kit 的插件,因為新舊版本並不相容,這邊說明兩種(OmniSharp、Roslyn Analyzers)開發環境設置。
Thumbnail
1. 安裝VS Code 1-1. Ctrl-K-T 換主題顏色 1-2. 加上基本插件(外掛) A. python擴展插件 關鍵字高亮, 智慧指令提示 Python解釋器切換 B. 使用中文插件 C. 使用Code runner才有三角形執行鈕
Thumbnail
註1:《靈魂急轉彎》於 2020 年 12 月 25 日台灣院線上映,國外則改為直接於串流平台Disney+發行。 劇情簡介 戴上不同的人格面具
Thumbnail
你們認同,自律=習慣嗎?我其實覺得,自律一開始,也許很辛苦,但是一旦形成了習慣,那麽自律就自然而然的形成了,可以這麽說吧,自律是習慣的一種,習慣包含著自律,但是習慣卻不完全等於自律。現在想來,其實很多所謂的自律爲什麽人家可以感覺一點都不累,因爲對方已經養成了習慣。 習慣vs自律 我們很多時候吧自律
Thumbnail
+LINE一起討論更多吧 ID : yuchung1031 比賽時間 9/28 03:00 水晶宮本賽季大幅換血,本賽季休賽期六人新援中已經有五人完成了首秀,其中Anderson和Loy已經是常規賽中的首發中衛搭檔,Gallagher也成為了中場的絕對核心,Eduard和Michael Orly也都
於我而言,在我所知的所有框架標籤中 都具有分裂性。 而我也知道,標籤、框架是最便利的方式 是一種大多數的經驗積累、是方便快速效率的判斷方式。 快速將人事物分門別類,以促進判斷。 就好似是將筆紙快速分類至文具 我們就可以快速的完成收納。 只是筆紙,真的只有文具這個類別嗎?
Thumbnail
  +LINE一起討論更多吧 ID : yuchung1031 比賽時間 9/16 3:00 歐洲冠軍聯賽分組賽周四再度進行,其中A組方面將有布魯日主場迎戰巴黎聖日門,兩隊強弱懸殊,此番對壘勝負懸念並不大,比甲勁旅布魯日無力抵擋擁有超強攻擊力的的法甲豪門聖日門。 雖然布魯日仍為聯賽領頭羊,但身後一共
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
本篇將不同 Sass 學習資源彙整在此,作爲學習筆記,大多來自 w3schools 和六角學院,相關連結也一並記錄下來,以便可以隨時查看、更新。
Thumbnail
微軟想把 VS 的一些編輯功能在 VS Code 上實作, Unity 也在幾天前推出了基於 C# Dev Kit 的插件,因為新舊版本並不相容,這邊說明兩種(OmniSharp、Roslyn Analyzers)開發環境設置。
Thumbnail
1. 安裝VS Code 1-1. Ctrl-K-T 換主題顏色 1-2. 加上基本插件(外掛) A. python擴展插件 關鍵字高亮, 智慧指令提示 Python解釋器切換 B. 使用中文插件 C. 使用Code runner才有三角形執行鈕
Thumbnail
註1:《靈魂急轉彎》於 2020 年 12 月 25 日台灣院線上映,國外則改為直接於串流平台Disney+發行。 劇情簡介 戴上不同的人格面具
Thumbnail
你們認同,自律=習慣嗎?我其實覺得,自律一開始,也許很辛苦,但是一旦形成了習慣,那麽自律就自然而然的形成了,可以這麽說吧,自律是習慣的一種,習慣包含著自律,但是習慣卻不完全等於自律。現在想來,其實很多所謂的自律爲什麽人家可以感覺一點都不累,因爲對方已經養成了習慣。 習慣vs自律 我們很多時候吧自律
Thumbnail
+LINE一起討論更多吧 ID : yuchung1031 比賽時間 9/28 03:00 水晶宮本賽季大幅換血,本賽季休賽期六人新援中已經有五人完成了首秀,其中Anderson和Loy已經是常規賽中的首發中衛搭檔,Gallagher也成為了中場的絕對核心,Eduard和Michael Orly也都
於我而言,在我所知的所有框架標籤中 都具有分裂性。 而我也知道,標籤、框架是最便利的方式 是一種大多數的經驗積累、是方便快速效率的判斷方式。 快速將人事物分門別類,以促進判斷。 就好似是將筆紙快速分類至文具 我們就可以快速的完成收納。 只是筆紙,真的只有文具這個類別嗎?
Thumbnail
  +LINE一起討論更多吧 ID : yuchung1031 比賽時間 9/16 3:00 歐洲冠軍聯賽分組賽周四再度進行,其中A組方面將有布魯日主場迎戰巴黎聖日門,兩隊強弱懸殊,此番對壘勝負懸念並不大,比甲勁旅布魯日無力抵擋擁有超強攻擊力的的法甲豪門聖日門。 雖然布魯日仍為聯賽領頭羊,但身後一共