vscode怎么让侧边预览放在扩展屏

Posted 2023-05-16

参考技术A 我们可以安装两个插件：

1.open in browers

使用：htm文件中右键，点击右键菜单的view in browser，即可打开浏览器运行；

alt+b，运行；

alt+shift+b，切换不同浏览器运行；

优点：可以运行多个界面

2.view in browers

使用：htm文件中右键，点击右键菜单的view in browser，即可打开浏览器运行；

但这两种插件，预览时需要另外跳转到谷歌浏览器，打开一个标签页，调试时跳来跳去，不太方便。

3.推荐使用Live Server Preview，

这个插件不用另外打开浏览器；它是直接在Vscode里面预览html的，并且是自动实时更新的，不用不停地Ctrl+S保存查看

使用：F1 -> 弹出一个窗口输入live，然后右边出现预览窗口

颤振图标小部件在 vscode 中没有预览

【中文标题】颤振图标小部件在 vscode 中没有预览

【英文标题】：Flutter Icons widgets no preview in vscode

【发布时间】：2021-09-20 19:03:25

【问题描述】：

下面显示了推荐的图标，但未显示 vscode 中的预览。这是最近才发生的。

【问题讨论】：

尝试重新安装flutter和dart扩展

可能您的网络连接中断或网络速度较慢。

今天更新flutter时也发生在我身上:(

【参考方案1】：

您好，这个问题已经过去几个月了，我的机器上最新的 vscode 更新已经修复了它。

Version: 1.60.0 (Universal)
Commit: e7d7e9a9348e6a8cc8c03f877d39cb72e5dfb1ff
Date: 2021-09-01T10:54:53.442Z
Electron: 13.1.8
Chrome: 91.0.4472.164
Node.js: 14.16.0
V8: 9.1.269.39-electron.0
OS: Darwin x64 20.6.0

我正在使用 macbook-pro。我建议你们将您的 vscode 更新到最新版本以进行修复。

【参考方案2】：

这似乎是 VS Code 中的回归：

https://github.com/microsoft/vscode/issues/128315 https://github.com/microsoft/vscode/issues/119786

我找不到解决方法，需要等待修复。我建议在这些问题上加上 ?。

【参考方案3】：

只需重新启动您的vs-code，然后转到终端并运行命令flutter pub get。