關(guān)于 Settings Sync擴(kuò)展:
Settings Sync可以同步你當(dāng)前的VSCode配置環(huán)境,當(dāng)你需要在其它的電腦工作時(shí),您不用重頭再來一遍。新機(jī)器登錄一下就搞定了。再也不用折騰環(huán)境了。
大致原理:使用GitHub Gist來同步多臺計(jì)算機(jī)上的設(shè)置,代碼段,主題,文件圖標(biāo),啟動,鍵綁定,工作區(qū)和擴(kuò)展。
環(huán)境版本:
Visual Studio Code 1.36
Settings Sync 3.4.0
教程分為
初次使用 如何上傳配置(#1)
已有配置 直接下載(#2)
初次使用:
在VSCode中點(diǎn)擊擴(kuò)展,搜索:Settings Sync 安裝
![](/d/20211017/d2ece6af2563091512a1535daec26ffc.gif)
安裝好擴(kuò)展之后我們登錄GitHub開通并創(chuàng)建一個(gè)Gist(代碼片段管理服務(wù))來保存你的環(huán)境配置。
Let's to it
登錄你的Github 點(diǎn)擊頭像 進(jìn)入Settings頁面
在Settings頁面點(diǎn)擊進(jìn)入 Developer settings (開發(fā)者設(shè)置)再點(diǎn)擊進(jìn)入Personal access tokens (個(gè)人授權(quán)令牌)頁面生成一個(gè)令牌 點(diǎn)擊 Generate new token
![](/d/20211017/23b48b959a76256e686b4017146b714b.gif)
令牌的作用能幫助我們就在VSCode中使用自己的私有令牌訪問自己的保存在Gist上的配置
所以我們輸入令牌備注,勾選Gist,點(diǎn)擊生成。
![](/d/20211017/ed701c6d54248ce5839df8bef4f8e22b.gif)
然后你就獲得了自己的Gist專屬訪問令牌,你可以用記事本保存下來,待會并且未來你可能需要在另一臺電腦下載你的配置 你同樣需要使用到這個(gè)令牌。(截圖中生成Token演示后刪除,請自己生成)
![](/d/20211017/c4a285f2a832b562f0ecf9814271bb2b.gif)
然后再次點(diǎn)擊你的頭像 點(diǎn)擊進(jìn)入->Gist頁面 點(diǎn)擊創(chuàng)建一個(gè)新Gist。
![](/d/20211017/9366648c7d904d2dd3a7525a9a32b628.gif)
輸入創(chuàng)建的Gist描述和片段內(nèi)容,保存即可。
![](/d/20211017/587ac776c82dbe26d01d0605bda3d5d6.gif)
手動復(fù)制剛才創(chuàng)建的Gist倉庫的ID:它顯示在瀏覽器url最后一串字符串或者截圖中第二個(gè)框gist冒號后面的字符串(如下圖)把它保存在你的記事本中
![](/d/20211017/66f23d9826cf51c598c86a3d931d40d9.gif)
回到VSCode編輯器中 使用快捷鍵Ctrl+P
輸入命令 >sync
點(diǎn)擊 同步:高級選項(xiàng)
ps:如果有問題,可以點(diǎn)紅框下面的 擴(kuò)展設(shè)置重置 它不會清除你現(xiàn)有的擴(kuò)展,只恢復(fù)初始sync的配置) 快捷鍵的用法是 Ctrl+P
輸入命令:>Sync: Reset Extension Settings
![](/d/20211017/41ec6e63c307c31ec8fffd82081536d1.gif)
然后選擇同步:編輯配置設(shè)置(截圖中文翻譯錯(cuò)誤)
![](/d/20211017/31693261a80fab5531f5a103bc04bae6.gif)
輸入你在github上創(chuàng)建的gist token 記得使用Ctrl+S
保存更改
![](/d/20211017/aa0befa81aef484273d887fafdde213b.gif)
然后如下圖進(jìn)入Settings Sync擴(kuò)展設(shè)置頁面設(shè)置
![](/d/20211017/a2575b8dba09f475b28f3204e5a7733e.gif)
輸入創(chuàng)建的Gist倉庫ID 輸入自動保存設(shè)置
![](/d/20211017/b49cfb192ea273ca48577bc413bc5b8e.gif)
使用Settings Sync我們需要記住兩個(gè)快捷鍵:
Shift + Alt + U
將配置環(huán)境 擴(kuò)展插件信息上傳到云端
Shift + Alt + D
下載云端的配置
所以我們接著上一步 直接在VSCode中使用Shift + Alt + U
Settings Sync擴(kuò)展 會在輸出區(qū)域提示 這里提示沒有擴(kuò)展別移除(因?yàn)榈谝淮瓮? 然后6個(gè)擴(kuò)展被同步。
![](/d/20211017/2d3bd735b078265857ce91e61c3abcf1.gif)
你還可以在你的Gist倉庫中查看,看看Settings Sync上傳了什么
![](/d/20211017/ae93db5c06c4aaece7a064bf6bb6cbf5.gif)
已有配置 直接下載同步遠(yuǎn)端配置
假設(shè)我剛才是在用公司的電腦進(jìn)行了一次初始化同步設(shè)置?,F(xiàn)在我想起來我家里的電腦已經(jīng)設(shè)置好了,而且安裝的插件更多,有的插件我都忘記了名字。那么我只需要拉取家中Settings Sync配置中對應(yīng)的Gist ID即可做到 公司和家中用的是同一套VSCode的配置。
下面我們來實(shí)際操作一次。
查看我們的Gist倉庫,獲取你想要拉取的Gist ID。截圖中,紅框中的就是昨晚我在家中最后同步的Gist配置了。點(diǎn)擊進(jìn)入 復(fù)制這個(gè)Gist ID
![](/d/20211017/d794b34ace9ca7e3f30885e5a8980d70.gif)
更改Settings Sync中的Gist ID設(shè)置:
![](/d/20211017/fa574e88883fb7f0f8d04dd1165789b9.gif)
快捷鍵Shift+Alt+D 下載配置
同步成功 需要重啟VSCode
PS:這里可以思考一下,為什么第一次設(shè)置Settings Sync需要創(chuàng)建Token 這里就不需要設(shè)置Token了,其實(shí)你可以這么理解 Gist ID 它用來標(biāo)記你的倉庫號碼 你可能有多個(gè)倉庫 你的倉庫大門用的都是刷臉驗(yàn)證(令牌Token驗(yàn)證),也就是說。Token你只需要創(chuàng)建一個(gè)對應(yīng)Gist的Token即可(多個(gè)也可以) 它們都可以打開你的Token,因?yàn)樵诘谥拔以O(shè)置好了token,所以這里我只需要設(shè)置好Settings Sync 相應(yīng)的倉庫號碼。就可以完成同步了。
![](/d/20211017/4a8d2687fb8f9d19f7958c46a8175319.gif)
重啟后看到同步到了我最常使用的這個(gè)Gist配置。一共有31個(gè)擴(kuò)展(雖然很多,但VSCode使用依然順滑)。
![](/d/20211017/5212dc21593a034fbdf40559c017a029.gif)
總結(jié):
使用Settings Sync 需要明白 Gist ID和Token ID他們的作用。配置好之后使用快捷鍵 Shift+Alt+U(上傳)/D(下載)。
對于在使用過程中出現(xiàn)的一些錯(cuò)誤 可以簡單三部曲:
1、擴(kuò)展設(shè)置重置
它不會清除你現(xiàn)有的擴(kuò)展,只恢復(fù)初始sync的配置) 快捷鍵的用法是 Ctrl+P 輸入命令:>Sync: Reset Extension Settings
2、更改Settings Sync配置文本
設(shè)置Token ID
3、設(shè)置Gist ID
然后同步上傳或者下載配置。
后言:
為 (吃) 什 (我) 么 (安) 要 (利) 用 Visual Studio Code :
開源,免費(fèi),多語言支持(有中文)
超全面的編程語言和各種文件格式支持 詳見官網(wǎng)查詢 https://code.visualstudio.com/
集成git
自定義配置 語法高亮 自動提示 代碼補(bǔ)全 多種主題 配合插件擴(kuò)展 可玩性極高
智能提示強(qiáng)大
前端界面友好,想不到的絲滑 并且是開箱即用的
調(diào)試功能強(qiáng)大
各種方便的快捷鍵
強(qiáng)大的插件擴(kuò)展(你想要的基本都有 各類語言代碼提示\調(diào)試\更利于分辨好看的樣式 等等插件) more:https://marketplace.visualstudio.com/
下一期考慮寫一篇介紹VSCode 必裝 好用的 ★★五星★★插件 讓人寫代碼也能上癮
到此這篇關(guān)于VSCode 云同步擴(kuò)展設(shè)置Settings Sync插件的文章就介紹到這了,更多相關(guān)VSCode 云同步設(shè)置Settings Sync內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
您可能感興趣的文章:- VSCode 使用Settings Sync同步配置(最新版教程,非常簡單)