一、更新前需要备份的文件
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”即可快捷的抓取网站截图。