您的位置:

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、初始化窗口

在初始化窗口中,可以选择如下的选项:

  1. 新窗口
  2. 重用端口
  3. 以管理员身份运行
  4. 从文件夹打开
  5. 从命令行打开

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”即可快捷的抓取网站截图。