65.9K
CodeProject 正在变化。 阅读更多。
Home

我最喜欢的几个 Visual Studio 扩展

starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.65/5 (9投票s)

2015 年 12 月 17 日

CPOL

6分钟阅读

viewsIcon

17216

我最近写了一篇关于我最喜欢的 Chrome 扩展的文章,分享了我认为效果不错的东西,并了解了别人在使用什么。现在我想为 Visual Studio 做同样的事情。

我最近写了一篇关于我最喜欢的 Chrome 扩展的文章,部分原因是我想分享一些我认为效果不错的东西,但也是因为我想了解别人在用什么。根据这些推荐,我在日常使用中添加了不少扩展,现在我想为 Visual Studio 做同样的事情。

我大部分的编程时间都花在 Visual Studio 2015 Community 版上,微软基本上将 VS Professional 免费提供,并将其重命名为订阅制体验,增加了虚拟化和 Azure 云计算(据我所知,即将推出,敬请关注)等附加功能:Visual Studio Dev Essentials。其中一些扩展确实让我的生活更轻松,所以我想重点介绍它们。

加入 Reddit 上的讨论。

代码对齐



它正如其名——为你对齐代码。这听起来可能没什么大不了,但在 JavaScript 这样一种松散类型语言中工作一整天,很容易出错。因此,我对代码的排版非常讲究,以便轻松发现错误。一位前同事教了我这个方法,当我开始处理更大的项目,特别是与他人一起工作时,它被证明是无价的。

当然,对齐所有代码可能需要更多时间,但你可以更快地调试和发现错误,从而从长远来看节省时间。有了它,你可以根据预定义的选项进行对齐,或者在任何点按你选择的字符进行对齐。

这是它在 VS 工具栏中的样子

如果我点击 “对齐方式…” 文本,会出现一个对话框,我可以在其中输入要对齐的字符。在使用冒号分隔的键值对时非常有用。

这是我在自己的代码中使用的一个例子

switch.js 托管在 GitHub | 查看原始文件

现在是不是很容易阅读?这是另一个我使用 “对齐方式…” 对话框的例子

change.VideoStream.js 托管在 GitHub | 查看原始文件

ReSharper



没有 ReSharper 我该怎么办?这个工具多年来帮助了我很多,并极大地协助我学习编程。它是列表中唯一一个不是免费的,但我发现它物有所值。

ReSharper 不仅限于帮助 C# 代码,因为它肯定能发现我 JavaScript 中的不少问题,而且它还能处理 C++。一个想到的好处是,它会突出显示我在一个类中包含了但实际上并未使用的几个 using 语句。为什么用我没用到的东西来 clutter 我的智能感知?

更有用的是,ReSharper 可以告诉我代码是否可以重构,或者是否有更简洁的写法。我多次使用过它,它极大地帮助我理解了如何编写更简洁的代码。

在 JavaScript 方面,它可以指出我声明了变量但从未使用的变量。

它还可以告诉我,在我声明一个对象之前就使用了它


它甚至可以发现重复声明

不过在这个例子中,我故意声明了两次。它是一个名为 init 的变量,它覆盖了名为 init 的函数名,但指向同一个对象,所以引用方式相同。我这样做是 因为 JavaScript 中的提升(hoisting),并且使函数更容易调试。

打开命令行



这个很简单,但由于我经常在项目内部打开命令行来执行 git 操作等事情,它允许我在 Visual Studio 解决方案窗口中进行操作。

只需在任何文件或文件夹上右键单击,就会出现 “打开命令行” 选项。更棒的是,我还可以从这里访问 PowerShell!

JSLint.Net for Visual Studio



每个人最喜欢的 linter 终于来到了 Visual Studio。对于不熟悉 JSLint 的人来说,它本质上是 JSHint,但具有非常严格的规则,可以阻止你编译项目。JSHint 基本上会提醒你:“嘿,我认为你不应该那样写你的 JavaScript — 这不是最佳实践,并且可能导致未来的潜在错误。”

例如,使用 == 而不是 === 进行类型强制转换。

if ( nMyNumber == 1 ) {
    DoSomething();
}

这将阻止你编译,因为它会建议使用 === 来确定你要查找的是一个双精度数,而不是一个可以强制转换为数字的字符串。

这是让您和您的团队在编写代码时保持风格一致的绝佳方式。您还可以调整大量的选项,以防设置过于严格,不符合您的口味。

Web Essentials 2015

如果您在 Visual Studio 中编写任何类型的 Web 代码,那么这是必备的。它提供了大量让您的生活更轻松的功能,包括 浏览器链接,它允许浏览器和 Visual Studio 之间进行实时通信,以便您可以在 VS 中调试前端 Web 代码。您现在可以从浏览器的调试工具或 VS 中更改 HTML 或 CSS,并且这些更改会在您的浏览器中即时显示,并且还可以保存。

您不再需要在浏览器的调试器中调整 CSS 直到看起来恰到好处,然后记住您所做的更改,并在 IDE 中重新编写它们。现在,您可以编写一次,并在所有地方保存。

这篇博文更深入地探讨了这个扩展提供的优势。

您在使用哪些扩展?

我将在不久的将来发布第二篇相关文章,但就目前而言,我认为这是一个使用 Visual Studio 的用户的绝佳起点。我很想听听您正在使用的扩展,所以请在下方告诉我,我会尝试一下!

更多 Web 开发实践

这篇文章是 Microsoft 传教士和工程师们关于实用 JavaScript 学习、开源项目和互操作性最佳实践的 Web 开发系列的一部分,包括 Microsoft Edge 浏览器和新的 EdgeHTML 渲染引擎

我们鼓励您在各种浏览器和设备上进行测试,包括 Microsoft Edge — Windows 10 的默认浏览器 — 使用 dev.microsoftedge.com 上的免费工具。

我们工程师和布道者的更深入的学习

我们的社区开源项目

更多免费工具和后端 Web 开发内容

© . All rights reserved.