改善Visual Studio 扩展上的HTML可访问性

[原文发表地址]: Improving HTML Accessibility with Visual Studio Extensions [原文发表时间]: 3 Mar 2015 8:30 AM 为了使软件在对所有的一般受众和技能人员的易用性道路上更进一步,我们很高兴与大家分享一个新的利用 Tenon’s HTML accessibility checker service 的Visual Studio扩展。通过这个扩展, 我们让开发人员更容易检测并解决常见的基于html的用户界面可访问性问题。 不同于另外的一些基于web的访问性检查服务,Tenon’s service 有一个公共的API并且被设计成集成的扩展工具比如Visual Studio(扩展)。我们非常高兴能看到你尝试从 Visual Studio Gallery 或者 Visual Studio 安装Tenon HTML Accessibility Checker 扩展! 注:我们将在大约一个月内把源代码扩展发布到GitHub上,这样您就可以改进或发展扩展以支持其他可访问性检查器服务。 现在,让我们来了解这个新的扩展一些详细的细节。 添加Tenon HTML Accessibility Checker到Visual Studio 开始,打开一个Visual Studio的支持版本比如Visual Studio 2013,2015 预览版或者free Visual Studio Community。选择Tools菜单,然后是Extensions and Updates…

1

在Visual Studio2013中使用AngularJS

[原文发表地址] Using AngularJS in Visual Studio 2013 [原文发表时间] 2015– 02-05 9:45 AM 我们不断努力地提高javascript 代码编辑体验,部分是为流行库和开发模式提供支持。 AngularJS是最受欢迎的javaScript 库之一,甚至被要求在visual studio中更好的支持它。 这篇文章说明了如何在Visual Studio中提高AnguarJS 的使用体验。如果这对你来说很新颖的话,那么看看AngularJS Website教程。 现在,Visual Studio直接为angular对象提供API的智能感知的建议: 然而,当真正开始使用AngularJS时,你会发现智能提示提供不了太多的帮助。这是因为当你的应用程序运行时,javascript 编辑器没有明白Angular 是如何动态加载对象引用的(例如:依赖注入)。John Bledsoe,Visual studio community 中的一员。开发了一个很伟大的Visual Studio 扩展。通过模拟Angular 应用的执行,就像你自己在编写code,它提供了显著的智能感知体验。 例如,下面是一个没有安装扩展的智能体验: 上面截图中的图标显示编译器只列出了文件中的简单标识符(变量,参数,对象,成员,等等)。我想要看到通过$routeProvider提供的API,例如 when() 方法。 扩展安装之后,看到了更好的列表: 现在就可以看到通过$routeProvider提供的API 对象了。 为工程添加AngularJS 开始前, 我需要安装Visual Studio的扩展AngularJS。 做到这点,我需要下载angular.intellisense.js 文件并且把它放在我自己机器的Program Files (x86)\Microsoft Visual Studio 12.0\JavaScript\References 文件夹下面。 这个扩展可以在其他使用javascrip的工程中运行。包括Apache Cordova,ASP.NET,LightSwitch和Windows Store…

1

Auto History 扩展到 Visual Studio 2013 中

[原文发表地址] Auto History Extension in Visual Studio 2013 [原文发表时间] 2014- 1 –23 8:10AM 你是不是曾经希望自己可以回滚 一段你有修改过的工程的代码,你的代码还在修改过程中 ,并且你什么都没有签入到源代码控制系统中(或者可能没有使用源代码系统控制你的项目)? 我们很高兴地宣布现在 Visual Studio 库中的一个扩展的早期预览版本可用了,它可以自动的、 无需配置历史记录的对您的本地计算机进行跟踪。只需安装该扩展,无论你正在对你的项目和解决方案做什么,它会静默并有效地对您已经打开 Visual Studio 编辑器中的任何文件所做的更改进行跟踪。然后,当你发现自己需要回溯到您的一个或多个文件的较早版本,你可以找到回到它的路径。 下载视频,观看此扩展的教学视频或者在Channel 9 Toolbox video中阅读详细信息。 寻找回溯的方法… 一旦安装该扩展,你只需和往常一样工作。不需要再配置什么。然后,当你需要找之前修改的代码,只需要打开Auto history 工具窗口(当你第一次安装完此扩展,它会自动打开,当你关闭了这个窗口,你也可以很容易通过单击视图..其他窗口..Auto history来再次打开):                                              快照 – 捕获的文件内容 扩展自动捕获的"快照"是每当您在保存、 打开、 关闭或重新加载文件时的某一特定时间点,在编辑器中打开的解决方案中的所有文件的图像。快照会每5分钟自动触发一次(有点像 Microsoft Word 程序中的"自动保存"功能)你可以单击“take Snapshot”按钮来触发捕捉快照。 扩展窗口提供了一个从你的活动中捕捉到的所有快照的视图。默认情况下列表被过滤为仅从当前开启的解决方案中显示快照。在窗口的左侧显示了一组刻度标记(一个刻度表示导致快照被捕获的一个事件),可以从中选择一个范围 (由叠加在刻度上带有阴影的矩形表示) 来比较两个快照。                                       在上面的截图中可以看到由昨天的某一时间点到现在的一个刻度,在我的解决方案中,我对两个文件进行了更改 (Program.cs 和 Utilities.cs)。如果我想要看到详细的更改信息,我可以双击列表中的任意文件,就可以查看对该文件更改。让我们看看 program.cs: 在这个差异中,可以很容从之前的快照中看到我做的更改—并且可以从差异视图中快速复制粘贴我想要的任何之前的代码。我从来没有签入到源代码控制系统,但是Auto History…

0

可视化地创建代码段

[原文发表地址] Visually Creating Snippets [原文发表时间] 2014-01-15 8:00 AM 点击这里获取最新的Snippetizer DevLabs 扩展 代码段是一个有趣和简单的方法,可以快速添加代码到您的应用程序。代码段是常用的小的代码块, 表示了一个开发人员觉得有用的特定的动作或模式,涉及从简单的try-finally或if-else语句到整个类或方法。 要插入一个代码片段,您开始从Edit->Intellisense->Insert Snippet命令或使用来自编辑器的上下文菜单上相同的命令。您都可以从这个显示代码片段主题的列表中发现要找的代码段。 用户插入时, 代码片段指导你做插入/替换参数操作,以使得您新添加的代码能快速匹配到您的上下文中。 在某些情况下,代码片段的创造者提供了一个快捷方式,使您可以更快的插入代码片段。将鼠标悬停在列表中的一个代码片段上,您就会看到该快捷方式。使用快捷方式插入代码片段,您只需输入快捷方式, 按TAB键两次即可。 但愿,这对您来说不是新闻。代码片段已经存在了一段时间,而且我们仍在继续为那些常见的模式创造代码片段。但是如果您可以很容易地就创建自己的代码段不是更好吗?想不想与您的朋友分享代码段?我们认为答案是肯定的。我们有一些新的消息将令您感兴趣。 SnippetizerDevLabs扩展 创建代码段已经被支持,但这个过程是手动的,有点耗时费力。我们决定使它更加容易一些,并且已经把Visual Studio2013的一个新扩展与可视化创建和编辑的代码片段放在一起。 有了SnippetizerDevLabs扩展的第一个版本,您可以不必调整XML架构就创建和编辑代码片段,当这样做时,还可以获得完整的IntelliSense和语义编辑着色。 一旦你安装了扩展应用,你可以选择任何一个你写的代码块,然后从上下文菜单中选择“创建代码段”。 这将在我们新的Peek里面显示所选中的代码,如下面所显示的图像: Snippetizer会帮助您定义那些的字段,并且毫不费力的使它们联系在一起,所以当您插入代码片段时,您可以对其重命名,使其成为上下文有意义的字段。 在Peek底部的动作栏提供了几个简单的动作来编辑和完善您的代码片段。 此外,我们增加了一个“代码段定义”工具窗口来帮助您为代码段设置常用属性,包括快捷键的设置: 当您完成后,需点击操作栏中的“保存”按钮。 Snippetizer还可以帮您编辑现有代码段。右键单击编辑器中的一个空行,然后选择上下文菜单里的‘编辑代码段’。 当您选择代码段文件选项时, 将弹出文件对话框。一旦你回到Snippetizer,您就可以修改并重新保存已编辑的代码段。 分享片段 以下MadsKristensen的博文将会给你一个简洁的方式将你所创建的代码段以VSIX扩展的形势与其他人分享。这意味着它们将显示在Visual Studio库中,他们只需要用户点击即可被安装。 我们希望Snippetizer将可以帮助您创建无数的有用的代码段。 使用#VSSnippets主题标签,即可随时让大家知道您在Twitter上创建的任何代码段。 我们很想听听您对这些体验的想法。我们将时刻跟踪的Gallery page上的意见和问题! 谢谢! 语言体验团队

0