Edge和Visual Studio代码。 Web开发人员的绝佳组合

我承认，我喜欢Microsoft产品。 不完全是Windows，但是由于Apple和Google在移动市场上击败了Windows， 该公司开发了许多非常有趣的开源应用程序，Edge和VS Code是我的两个最爱。

这就是为什么对我来说很好 将浏览器开发工具集成到代码编辑器中的决定。 虽然，这并不使我担心，这有助于巩固Web渲染引擎中的虚拟垄断地位。
微软刚刚宣布它现在可用 用于VS Code扩展的新Microsoft Edge工具。 这个新的扩展名将使开发人员可以使用其编辑器中包含在浏览器中的开发人员工具。

您在本文开头看到的屏幕截图是我自己在Linux上安装的Visual Studio Code开发版本的屏幕截图。

新的扩展程序允许开发人员使用 应用程序中的“边缘元素和网络”工具。 这样，您无需打开另一个程序就可以检测样式，设计和CSS问题并修改代码。

这修复了一些开发人员在Linux中遗漏的缺点。 除了付费的BlueGriffon之外，没有其他应用程序将强大的编辑器与查看站点的功能结合在一起。

原则上，微软对自由软件的承诺（尽管许多人不记得它始于史蒂夫·鲍尔默（Steve Ballmer）担任公司总裁的最后一天），是为了吸引越来越喜欢开放代码替代方案的开发人员。 毫无疑问，他们将感谢新扩展所带来的调试时间的减少

到目前为止，该工具处于实验阶段，具有两个单独的扩展形式。
n任务栏。

扩展设置允许用户选择两种打开浏览器的方式。 在无头模式下，浏览器不会在单独的窗口中打开，而是在编辑器的左窗格中打开。

支持的主要功能包括调试设置，以在远程调试模式下启动Microsoft Edge浏览器以及自动连接工具。

它还提供了一个侧边栏视图以列出调试目标，例如选项卡和扩展名，以及一个屏幕广播功能，该功能允许开发人员同时查看其页面和代码。

重要的一点是该扩展程序需要安装Microsoft Edge。 它似乎不适用于Chrome或其他浏览器。

Edge和Visual Studio Code这些工具可以在Linux上运行吗？

这一点值得注意。 尽管该扩展已经在VS Code扩展存储中，并且Linux用户可以安装它， 要访问Edge浏览器的试用版，您必须等到XNUMX月的某个时候  （尽管我想您可以使用符号链接来做一些解决方法）。

初始版本将包含适用于所有主要Linux发行版的软件包，包括Ubuntu，Fedora和openSUSE（使用本机软件包），而不是跨平台格式（如Snap，FlatPak或Appimage）。 目前，它只能从项目页面下载。

众所周知，除了使用Microsoft帐户的同步选项之外， 第一个试用版将具有与Windows和Mac版本相同的特征，因此，可以预期它将与我们正在讨论的扩展完美地集成在一起。

如何使用扩展

使用扩展名的步骤如下
1）安装任何版本的Microsoft Edge。
2）安装VS Code
3）安装Microsoft Edge Tools for VS Code扩展
4）安装Microsoft Ede扩展调试器。
5）打开包含您要处理的项目的文件夹。

对于那些不喜欢与Microsoft有任何关系的人，他们可以尝试使用VS Codium， VS Code源代码，从所有Microsoft遥测工具调试而成，并诱使系统认为Chromium是Edge。 当然，我不太确定它是否有效。

更多信息