【VS Code】使用 ftp-simple 連結伺服器
本篇目標：ftp-simple 連接與使用
本篇適合：需要使用Visual Studio Code 連接伺服器進行程式寫作的朋友
過去因為在實驗室的經驗，所有的程式皆存放在實驗室的伺服器上，因此我們會需要用本機的電腦嘗試連接到伺服器進行寫作。
測試了一些 Visual Studio Code 的套件，最終還是比較喜歡 ftp-simple，因此在此介紹使用 ftp-simple 連接伺服器的方法，也可以參考這篇：
步驟一：下載 ftp-simple
點選畫面左列第五個方框框的 icon 進入「延伸模組」，並查詢「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）
此外，「{...}」大括號後也可以新增更多預設伺服器。
步驟三：開啟檔案 / 工作區
基本上相關設定已經完成，若要開啟檔案有幾種方式：
- 開啟單一檔案編輯
- 開啟工作區針對資料夾內所有檔案編輯
開啟單一檔案編輯
同樣開啟命令列（如同步驟二之教學），點選「>ftp-simple: open - Open the file directly from FTP server」，若伺服器為 Linux 系統，路徑預設為根目錄可依序點選 home -> 個人帳號，即可到達自己個人資料夾，尋找所需檔案即可。
若毫無反應，很可能是沒有成功連接上，請確保自己填寫的連接資料沒有問題。
開啟工作區針對資料夾內所有檔案編輯
同樣開啟命令列（如同步驟二之教學），點選「>ftp-simple: remote directory open to workspace」，若伺服器為 Linux 系統，路徑預設為根目錄可依序點選 home -> 個人帳號，即可到達自己個人資料夾，尋找所需檔案即可。
同上一個步驟，找尋想要的特定資料夾，並點選「Current Directory」即可。
成功即會開啟該工作區，即完成！
即將進入廣告，捲動後可繼續閱讀
為什麼會看到廣告
留言0
查看全部
你可能也想看
Google News 追蹤
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
該怎麼遠端使用VSCODE(Visual Studio)?
身為一個懶人，能在家裡就在家裡，能不去實驗室就不去實驗室，但自己的電腦不夠好怎麼辦?
使用SSH進行連線。
在每個步驟我可能會補充一點，你"可能"遇到得問題
如何在 Vite 專案中安裝和設置 TypeScript 及路徑別名的步驟，包括安裝必要的依賴、配置 vite.config.js、tsconfig.json 的設置，及如何創建類型聲明文件來正確識別 .vue 文件。
本章節旨在介紹如何在不同操作系統上安裝和配置PHP環境，並使用命令行工具進行基礎操作。此外，還介紹了使用Visual Studio Code進行PHP開發的步驟，包括安裝擴展和設置調試環境。
首先要安裝vscode :
Visual Studio Code - Code Editing. Redefined
安裝後我們就可以把她打開來，接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json，就可以開始你的設定拉(主要是依照個人的喜好設定
因為最近想嘗試編碼風格，於是就選了一套比較"不嚴格"的輔助工具來摸索。
編輯器 VS CODE
框架 VUE3
打包工具 VITE
編碼風格 Standard
環境 version
{
"nodejs":"v18.18.0",
"npm":"9.8.1"
}
本篇將分享VSCode工作區的設定與功能，包括如何將資料夾新增到工作區、如何存檔、以及外掛推薦。這些小技巧能夠幫助您在使用 rushjs 能更輕鬆地管理 monorepo，提高工作效率。
這一集用最新的Vite工具去創建初始檔案。Vite用於創建和構建Web應用程序，具有快速的啟動時間、即時熱更新、小型體積、支持多種框架和可擴展性等優點。
VS code是什麼？
Visual Studio Code（通常縮寫為VS Code）是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言，提供了一系列先進功能和插件，讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
在著手開發一套程式時，會讓人覺得煩躁的考量點，其中一個讓人頭痛的，應該就是 UI 的設計跟串接了吧，究竟有沒有一個套件，能讓開發者能夠以一套語言，就能打遍天下呢？
Vue 的單文件組件（Single File Components，SFC）是一種特殊的文件格式，讓我們可以將Vue 組件的模板、邏輯和樣式都寫在單一個文件當中。本文將介紹 Vue SFC，幫助開發者理解和使用 Vue SFC。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
該怎麼遠端使用VSCODE(Visual Studio)?
身為一個懶人，能在家裡就在家裡，能不去實驗室就不去實驗室，但自己的電腦不夠好怎麼辦?
使用SSH進行連線。
在每個步驟我可能會補充一點，你"可能"遇到得問題
如何在 Vite 專案中安裝和設置 TypeScript 及路徑別名的步驟，包括安裝必要的依賴、配置 vite.config.js、tsconfig.json 的設置，及如何創建類型聲明文件來正確識別 .vue 文件。
本章節旨在介紹如何在不同操作系統上安裝和配置PHP環境，並使用命令行工具進行基礎操作。此外，還介紹了使用Visual Studio Code進行PHP開發的步驟，包括安裝擴展和設置調試環境。
首先要安裝vscode :
Visual Studio Code - Code Editing. Redefined
安裝後我們就可以把她打開來，接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json，就可以開始你的設定拉(主要是依照個人的喜好設定
因為最近想嘗試編碼風格，於是就選了一套比較"不嚴格"的輔助工具來摸索。
編輯器 VS CODE
框架 VUE3
打包工具 VITE
編碼風格 Standard
環境 version
{
"nodejs":"v18.18.0",
"npm":"9.8.1"
}
本篇將分享VSCode工作區的設定與功能，包括如何將資料夾新增到工作區、如何存檔、以及外掛推薦。這些小技巧能夠幫助您在使用 rushjs 能更輕鬆地管理 monorepo，提高工作效率。
這一集用最新的Vite工具去創建初始檔案。Vite用於創建和構建Web應用程序，具有快速的啟動時間、即時熱更新、小型體積、支持多種框架和可擴展性等優點。
VS code是什麼？
Visual Studio Code（通常縮寫為VS Code）是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言，提供了一系列先進功能和插件，讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
在著手開發一套程式時，會讓人覺得煩躁的考量點，其中一個讓人頭痛的，應該就是 UI 的設計跟串接了吧，究竟有沒有一個套件，能讓開發者能夠以一套語言，就能打遍天下呢？
Vue 的單文件組件（Single File Components，SFC）是一種特殊的文件格式，讓我們可以將Vue 組件的模板、邏輯和樣式都寫在單一個文件當中。本文將介紹 Vue SFC，幫助開發者理解和使用 Vue SFC。