把 chromium 加到 vscode 里面，浏览、写代码都在一个地方了，是不是方便很多？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个专门讨论 idea 的地方。

每个人的时间，资源是有限的，有的时候你或许能够想到很多 idea，但是由于现实的限制，却并不是所有的 idea 都能够成为现实。

那这个时候，不妨可以把那些 idea 分享出来，启发别人。

这是一个创建于 1396 天前的主题，其中的信息可能已经有所发展或是发生改变。

VSCode

Chromium

代码

浏览

12 条回复 • 2021-03-01 09:26:24 +08:00

Theergold

2021-02-25 22:59:25 +08:00

反过来吧 vsc 加入 chrome 里面不也一样

alexkuang

2021-02-26 09:56:50 +08:00

VSCode 本来就是基于 Chromium (Electron)

henryhu

2021-02-26 10:06:40 +08:00

@Theergold 把 vsc 加入 chrome，只能以插件的形式

henryhu

2021-02-26 10:13:15 +08:00

@alexkuang vsc 是基于 chromium ？没找到出处啊

henryhu

2021-02-26 10:15:22 +08:00

哦，看到了，electron 是基于 node.js 和 chromium

biguokang

2021-02-26 10:24:02 +08:00

@henryhu vscode -> Help -> Toggle Developer Tools，然后就出来 vscode 的 chromium 调试器了

henryhu

2021-02-26 15:51:13 +08:00

@biguokang 多谢！能够输入 url 吗？好像只能打开本地文件，没法访问 url

henryhu

2021-02-26 17:44:16 +08:00

找到一个 https://github.com/FabianLauer/chrome-vs-code

henryhu

2021-02-27 10:32:42 +08:00

https://github.com/DizoftTeam/browser-tab vsc 插件

kunkunzhang

2021-02-28 14:44:07 +08:00

好简单的，你写个 electron 应用就明白了

henryhu

2021-02-28 17:16:10 +08:00

@kunkunzhang 谢谢！我试试

aristolochic

2021-03-01 09:26:24 +08:00

姑且能用 Microsoft Edge Tools for VS Code 插件，这个是官方的方案。不过窗口大小无法调整且比较模糊，毕竟是开了 Headless 的窗口再把图形复制过来。这个插件宗旨是为了调试浏览器而非调试网页。其他浏览器应该也有类似的，都是通过远程调试协议来的。我觉得会比较鸡肋，根本解决方案是大显示屏或多个显示屏。保存自动刷新可以用别的方案，不一定也最好不要交给插件