Quantcast
Channel: 簡睿隨筆
Viewing all articles
Browse latest Browse all 897

讓VS Code存取Dropbox資料夾的步驟

$
0
0

因為Dropbox限制連線個數為3,導致除了Windows桌機、Windows筆電和手機能存取外,我的MacBook Pro就沒辦法直接更新的本機,這樣我存放於Dropbox上的部落格文章,在使用MacBook Pro時就不太容易做內容同步的處理。

最近試了幾個解決方案,似乎瀏覽器的Markdown編輯器比較簡單達到文章的撰寫與內容同步的目標。不過,這兩天又試了用VS Code+Remote Workspace的方法,讓VS Code的檔案總管直接存取Dropbox資料夾與檔案。

以下是測試後彙總的執行步驟。

Dropbox網站操作

建立開發者的App,以取得Access token。

  1. 瀏覽https://www.dropbox.com/developers,點擊右上角的【App Console】
  2. 點擊【Create app】
    1. Choose an API: 選用Dropbox API
    2. Choose the type of access you need: 選Full Dropbox
    3. Name your app: 自訂,例如:FolderFullAccess
    4. 點擊右下方的【Create app】
  3. 在剛剛建立的App網頁上找到Generated access token,點擊Generate
  4. Access token產生後複製到系統剪貼簿

VS Code設定

  1. 安裝Remote Workspace擴充套件
  2. 在特定文件資料夾建立 <自行命名>.code-workspace,例如:blog.code-workspace
  3. 編輯 <自行命名>.code-workspace:
{
    "folders": [{
        "uri": "dropbox://你的Access Token/要存取的路徑",
        "name": "My Dropbox folder"
    }]
}

檔案存取步驟

  1. 功能表 【檔案】→【開啟工作區…】,點選 <自行命名>.code-workspace
  2. VS Code檔案總管的工作區裡就會出現 【My Dropbox folder】

問題

我目前使用的VS Code是目前最新的1.37.1,Remote Workspace也是最新的0.42.0,在開啟工作區時,似乎是瀏覽的資料夾檔案較多時就無法完成存取,Remote Workspace會出現(EntryNotFound (FileSystemError))的錯誤(紀錄檔存放於C:\Users\jerry.vscode-remote-workspace.logs資料夾),發生問題時載入的圓圈圈會一直轉,此時再去選其他資料夾,還是可以載入的。但這個問題令人困擾,希望能盡快解決。

實際操作影片

##

您可能也會有興趣的類似文章


Viewing all articles
Browse latest Browse all 897

Trending Articles