VSCode更新全面指南

一、更新前需要備份的文件

1、用戶設置：在VSCode中，可以通過File->Preferences->Settings打開用戶設置，它位於你的~/.config/Code/User目錄下。使用VSCode可以方便地在之間切換。

{
    "workbench.colorTheme": "Monokai",
    "files.autoSave": "afterDelay",
    "editor.minimap.enabled": true
}

2、環境配置類文件：處於當前打開的Workspace，一般包括.gulp，.eslint，.prettierrc，webpack.config.js，.babelrc等。

{
    "workbench.colorTheme": "Monokai",
    "files.autoSave": "afterDelay",
    "editor.minimap.enabled": true
}

3、其他：如果你在編輯代碼時使用了第三方插件，建議同步配置項和插件列表，具體操作可以參考Vscode插件導入和導出。

二、更新時需要注意的細節

1、更新前備份文件

在任何版本更新前，建議備份之前提到的幾類文件。雖然默認情況下不會刪除它們，但是不排除用戶個別設置的情況下發生誤刪情況。

2、VSCode設置同步

如果您安裝了VSCode插件“Settings Sync”，那麼您的所有設置都已同步到GitHub Gist或Azure Blob Storage，並且在更新後可以輕鬆恢復。

3、初始化窗口

在初始化窗口中，可以選擇如下的選項：

新窗口
重用端口
以管理員身份運行
從文件夾打開
從命令行打開

4、提示更新插件

當您將VSCode更新到下一個版本時，通常需要更新其中的一些插件。VScode會自動提示您更新插件，幫助您保持所有代碼版本的兼容性。

5、按照您的需要調整VSCode

新版本發布後，通常有一些orginal新特性添加到VSCode中。這就需要您進行相應的更新。

例如，您可以通過一個簡單的設置來管理您的Extension Marketplace圖標。如果您不想在列表中看到圖標，您可以通過在用戶設置中添加以下設置來隱藏它。


"workbench.view.extensions": false

三、VSCode的更新策略

1、常規更新

VScode團隊會儘可能快地發布小版本，以解決bug，並追加一些新特性，以便可以快速響應用戶的反饋。

2、穩定版本更新

官方發布的每個大版本累積了許多在一段時間內進行的測試和反饋。當這些積累到一定數量時，官方就會發布一個新的VScode穩定版本，其代碼的功能和選項已經相對固定，同時它在VScode各種生態中的兼容性也更高。

3、更新前的警告

雖然VScode在更新時會幫助我們處理很多問題，但是在具有向後不兼容的更改時，VScdoe會生成警告，告知用戶最新版本中不再支持舊特性。

四、插件推薦

1、自動備份更改

VSCode默認不會自動備份我們所做的更改，但是通過在插件市場中安裝“Auto-Open Markdown Preview”就可以將每個更改自動備份到.vscode/.vscode-backup目錄中。

2、自動關閉HTML標記

在我們的html文檔里經常需要一些標籤的配對，比如：<html>...</html>，<head>...</head>，<body>...</body>，<script>...</script>等等。通過在插件市場中安裝“Auto Close Tag”，我們可以快速的插入需要的標記。

3、快速查看

VScode中有一個默認的快速查看插件，使用“Ctrl + Shift + P”組合鍵可以打開快速查看面板。但是，在插件市場中安裝“Quick and Simple Text Selection”可以讓快速查看更加順手。

4、抓取網站截圖

在VScode中的任何文件夾，在插件市場中安裝“Screenshot Capture”即可快捷的抓取網站截圖。

原創文章，作者：VNUO，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/147376.html