JavaScript 编辑器在VisualStudio 2015中的改进

[原文发表地址] JavaScript Editor Improvements in Visual Studio 2015 [原文发表时间] 2015-6-10 JavaScript 是一个非常重要的开发技术在很多不同平台上,包括 网页,移动客户端,和服务器程序。在Visual Studio 2013 上已经支持智能感应,转到定义,着色和格式化的JavaScript源代码,和一些其他功能。我们已经把这些功能带到了Visual Studio 2015上,我们通过三个关键领域提高了JavaScript开发者的体验通过: · 改善开发者使用流行JavaScript库的体验 · 添加对新JavaScript ECMAScript2015(也被称作ES2015和旧的ES6)语言和web浏览器API的支持 · 提高使用复杂JavaScript 代码库的工作效 每一个被选择的领域都是基于我们听到的UserVoice,的反馈,通过社会媒体,通过在Visual Studio中发送笑脸/皱眉的功能和从许多像你一样的开发者进行直接的讨论中得到的。 在本贴中,我将重点介绍这些领域中的JavaScript编辑器的新特性。你可以在支持JavaScript项目的Visual Studio中的使用这些功能。 支持流行的JavaScript库 支持AngularJS 1.x and RequireJS 默认情况下,Visual Studio 2015 支持流行的AngularJS and RequireJS语言库。在之前的博客中我们已经讨论了Visual Studio 2013使用这两个语言库是必须安装的(在VS使用AngularJS,在VS使用RequireJS)。Visual Studio 2015中,这些都被支持,不需要其他的安装步骤。 当你在你的代码中引用angular.js (或者 angular.min.js)时候,编辑器会自动的提供智能感应,转到定义,并支持导航栏:                      智能感应支持 Angular 1.3,表现为routeProvider 服务建议 同样,当你使用require.js 库的时候智能感应和导航支持是自动启用的。支持自定义RequireJS,你可以看Customizing…

0

使用Visual Studio的RequireJS

[原文发表地址] Using RequireJS with Visual Studio [原文发表时间] 20/4/2015 9:50 PM 当应用程序变得更加丰富和复杂时,架构代码变得更重要,这样更易于独立的重构组件。要理解一块代码如何依赖于另一块,开发人员给的最佳的实例是模块化和封装以小的集合来架构代码,复用这部分。RequireJS 是一个流行的脚本加载库,使得更易于使你的Javascript模块化,划分成可重用的部分。 Visual Studio 提供了强大的Javascript 编辑器支持 RequireJS, 智能提示可以发现你的应用程序的模块,并提供准确的建议。如果你使用TypeScript, 还有内置支持模块化编译成和RequireJS协同工作的Javascript。这篇文章将引导您在Visual Studio中通过Javascript或者TypeScript使用RequireJS. 在Visual Studio上支持使用RequireJS, 安装Visual Studio 2013 Update 4 或者更新的,或者Visual Studio 2015 CTP 6或者随后版本。紧接着你还可以为样本应用程序download the source code。 配置你的项目 开始先通过Nuget程序包管理器将RequireJS添加到你的项目中。你可以在项目上右击来显示Nuget程序包管理器,搜索RequireJS并安装。 如果你是在ASP.NET 5的项目下工作,那么请使用Bower package manager来引用“requirejs”程序包。你可以从ASP.NET网站上学习更多关于using Grunt and Bower in Visual Studio 2015的知识。 在你的代码里使用RequireJS前,你需要在主要HTML文件中(或者.sapx , .cshtml等等)去为它添加一个引用。对于我的应用程序,我已经把require.js 放到了一个Script/lib文件夹。 <script src="/Scripts/lib/require.js"></script> 在一个ASP.NET项目中,你还需要添加一个Script/_references.js…

0

混合移动应用程序的Office 365 客户端API

[原文发表地址] Office 365 Client APIs for Hybrid Mobile Apps [原文发表时间] 2014-12-08 9:00 AM Visual Studio的Apache Cordova工具允许开发人员利用Web标准技术对iOS, Android和Windows操作系统创建移动应用程序。当使用Visual Studio 的Office 365 API工具时,开发人员可以从他们的混合移动应用程序进入Office 365的API来访问用户的日历,联系人,邮件, 和来自他们的Office 365帐户轻松创建的更加丰富,连接体验更好的文件。 Apache Cordova工具和Office 365的API工具都是是对Visual Studio 2013的扩展。建立一个混合移动应用程序,从一个REST服务器上查询数据是比较困难的:你需要管理认证指令,动态构造REST URI,并处理错误和重试。此代码虽为样版,但经常会出错,Office 365的API可处理这种复杂的问题,让你可以专注于建立应用程序。除了处理REST调用的复杂性,类库还提供了API认证和探索,OneDrive我的文件使用情况,和访问用户、组信息。 例如,一个混合移动应用程序可以轻松地直接添加日历预约到用户的Exchange日历,以代表用户发送邮件,或者直接访问他们存储在OneDrive的文件。使用几行代码,用户便可以验证和访问他们的Office 365帐户。 下面,你可以看到如何对用户进行验证,并创建一个客户端对象,作为从Exchange上访问所有API的基端。getIdToken方法提示输入用户名和密码来验证outlook.office365.com。 var authContext = newO365Auth.Context(); authContext.getIdToken(‘https://outlook.office365.com/’) .then(function(token) { // Promise callback: Authentication succeeded client = newExchange.Client( ‘https://outlook.office365.com/ews/odata’, token.getAccessTokenFn(‘https://outlook.office365.com’) ); }); 使用构建的客户端对象,你可以从输入框中访问所有的消息。 //…

0

使用Cordova CLI构建和运行

[原文发表地址]:Build and Run using Cordova CLI [原文发表时间]:11/17/2014 随着Apache Cordova的诞生,Web开发人员可以通过使用HTML,CSS和JavaScript的跨平台移动应用来实现最大化的代码复用。有关Apache Cordova如何工作的详细信息,请阅读本博客。 为了建立这样一个跨平台多设备应用程序,Visual Studio使用Cordova命令行界面(CLI),一款Cordova实用工具。CLI允许Visual Studio一次构建多个平台项目,抽象出许多低级的shell脚本功能。CLI将一套共同的 web 资源复制到每个移动平台的子目录中,针对每个项目,更改必需的配置,然后运行生成脚本来生成应用程序的二进制文件。CLI还提供了一个通用的接口,通过这个接口,你可以在你的应用程序中使用插件。我们来看看,当构建这样的应用程序时,Visual Studio是如何人使用Cordova CLI的。 VS如何与Cordova CLI结合来构建多设备混合应用程序? 当你在Visual Studio中创建新的Cordova项目时,你会看到如下图所示左边的布局。为了在Visual Studio项目结构中利用 Cordova CLI工具,Visual Studio使用一个被称为vs-mda的CLI预处理器。vs-mda之后的目标是预处理这个Visual Studio工程(下图左边),之后生成一个Cordova CLI工程(下图右边),然后使用Cordova构建命令建立一个本地平台的应用程序,使应用程序最终工作在Cordova项目上。 我们的预处理器(vs-mda)是一个JS脚本节点,这些脚本是一系列Cordova CLI命令集合在一起的字符串组成,作为构建一部分: 1. 在 bld\ <config>文件下创建一个Cordova项目。(Cordova创建命令) 2. 添加目标平台(对于 android, cordova平台,添加android系统) 3. 准备目标平台(拷贝文件,诸如www/merges,更新config.xml文件,更新android包名称,应用代码签名证书,等等) 4. 添加/更新插件。还要确认根据需要运行的插件添加/移除命令逻辑: a. 添加Cordova 插件 <VS Solution>\<VS Project>\bld\Debug\plugins\org.apache.cordova.battery-status b.如果config.xml中有一个插件参数,那么这些参数也被传递。例如,如果你在安装了一个Facebook的插件: 添加Cordova 插件 <VS Solution>\<VS Project>\bld\Debug\plugins\phonegap-facebook-plugin –variable APP_ID="123456789"…

0

Visual studio 中的Node.JS 1.0

[原文发表地址]Visual studio 中的Node.JS 1.0 [原文发表时间]25 Mar 2015 Visual Studio Node.js 1.0(NTVS)现在可以下载了!NTVS是VS2012和VS2013的一款免费且开源的扩展,把Visual Studio变成了一个Node.js的集成开发环境。NTVS 1.0支持免费的Visual Studio Community和Visual Studio Express for Web版本,同时也支持Visual Studio Professional和更高的版本。 Node.js 是一种用于快速开发的平台,可以使用JavaScript来开发可扩展性的程序。它正在以它自己的方式出现在所有可以出现的地方 – 从服务器到互联网上的设备,再到桌面应用程序,以及下一个未知的地方?现在,随着Node.js 支持Visual Studio,比以往任何时候都更容易开发Node.js应用程序。 Node.js遇见Visual Studio 我们已经用NTVS在开发方面很好的工作了超过一年多。这次发布的突出方面包括: · 丰富的编辑体验 · 代码完成率(智能化) · Npm窗体一体化 · 高级的调试和分析 · 测试资源管理器的一体化 · 与一些其他Visual Studio功能的充分集成 · Node.js, io.js, JavaScript, TypeScript, HTML, CSS, and JSON 的支持 编辑和智能提示 NTVS支持语法突出显示,代码折叠(例如,括号完成,自动格式化,进入定义(F12)),在文件中查找,代码完成度,你所期待的的所有的东西都在那儿。…

0

Visual Studio “14” CTP 4 和TypeScript 1.1 CTP 发布啦

[原文发表地址]: Visual Studio “14” CTP 4 and TypeScript 1.1 CTP Released [原文发表时间]: 6 Oct 2014 10:10 AM 今天我们发布了Visual Studio “14” CTP 4. 从现在开始, 可以从这里下载(也可以从MSDN订阅用户下载页面), 或者使用Azure中的一个VM. 这个CTP包含之前所有CTP版本中的新特性以及修复,并且: ASP.NET vNext工具和运行时更新。 Visual Studio “14” CTP 4支持ASP.NET vNext项目的NuGet包管理器和包管理控制台。ASP.NET vNext 项目模板支持一个更自然的项目布局,根据项目文件夹下<solutionFolder>\src 和由wwwroot文件夹下project.json的webroot的元素确定的静态内容。这个博客帖子和在GitHub上的发行说明会更深入的说明。 调试功能改进。新的断点设置信息出现在一个Peek窗口,包含断点条件和操作的IntelliSense支持。我们还提高了性能,这样在调试的时候,C++应用程序启动的更快。想了解更多调试器的增强功能请看新的断点配置体验和C++调试改进的博客文章。 XAML编辑器支持 Peek. XAML编辑器增加了所有XAML项目类型的Peek定义,因此你可以使用Peek定义命令行来查看和编辑代码而无需切换上下文或当前正在编辑的文档。 Visual Studio"14"CTP 知识库文章的修复和功能的完整列表。 此外,我们还为Visual Studio “14” CTP4 , Visual Studio 2013 , 和 Node…

0

Apache Cordova 工具的更新: 支持Windows 7

[原文发表地址] Apache Cordova Tooling Update with Support for Windows 7 [原文发表时间] 8/4/2014 本周,我们发布了Multi-Device Hybrid应用程序开发扩展的CTP 2.0版本, 它使开发人员可以使用Apache Cordova™来构建 iOS 和 android,Windows的应用程序。对于此预览版本,3个月内客户通过UserVoice, Twitter, StackOverflow和Email要求的几大功能主要有:支持更多操作系统的调试和调试低于Android 4.4 (“KitKat”)的设备。 支持 Windows 7 和 8。根据我们的数据,近 15%的开发人员正试图在 Windows 7 或 8上安装Cordova扩展。在此版本之前,开发者将不得不升级到 Windows 8.1 — — 并不总是方便或甚至有可能在企业版环境中。因此,从CTP 2.0开始,开发者可以在 Windows 7+(包括 Windows Server 2012 R2) 上安装,并可以使用以前仅在Windows8.1上可用的相同工具集。  Windows 7 的电脑运行Multi-Device Hybrid应用程序 在良好配置开发环境下开启和快速运行。那些曾经使用其他工具来构建Cordova项目的开发人员多次告诉我们:构建一个良好配置的开发机器会花费几天时间。通过十几个不同的依赖关系和数以百计的可能版本组合 — — 更别说是环境的配置…

0

在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

Apache Cordova和远程mac代理的Visual Studio工具

[原文发表地址]:Visual Studio Tools for Apache Cordova and the remote mac agent [原文发表时间]:1/12/2015 在峰会上,我们还表明,我们要做更多的事情,使开发人员能够使用Apache Cordova。Cordova是一种可以构建混合手机应用程序的框架,它可以跨越不同现代手机平台:IOS,Android,Windows Phone等。借助于Apache提供的API,在使用HTML,CSS,和JavaScript语言来创建应用程序的同时,我们可以充分利用本地设备的性能。 与Android和windows应用程序略有不同,构建iOS应用程序需要一台Mac运行OS X。同时还需要一个更加无缝的方法,让开发人员构建的iOS直接运行在windows下的Visual Studio上。为了解决这个问题,我们设计了一台Mac上运行的远程代理(vs-mda-remote),为Visual Studio在iOS构建服务。我们已经发布的vs-mda-remote代理,使得从VS上构建到Mac上更加有可能。这是一个最直接的软件,可以运行iOS构建服务和远程调试iOS Cordova应用程序。 vs-mda-remote能够启用工作流,比如一边在Parallels (或者相似的VM解决方案)上运行Visual Studio,一边在Mac OS上构建iOS。使用Parallels和vs-mda-remote构建iOS Apache Cordova工程,在MSDN上有介绍使用vs-mda-remote配置机器的方法。 如果你没有建立一台可用的Mac,可以利用云端的Mac去设置vs-mda-remote。这个解决方法在MSDN上有体现:在云端构建和模拟iOS。 想要获得更多的Visual Studio Cordova开发信息,参见Apache Cordova preview 工具。如果遇到任何问题或有疑问,你可以直接联系我们,通过用户之声,Twitter,StackOverflow和email。 -Alex Alex Moskwa 是Visual Studio的一名项目经理,主要负责Cordova工具。在微软的职业生涯中,他一直专注于构建伟大的Web工具体验。加入微软前,他是一名职业Web开发者。

0

Apache Cordova工具的更新:支持Windows Phone 8.1调试

[原文发表地址] Tools for Apache Cordova Update: Windows Phone 8.1 Debugging Support [原文发表时间] 3/10/2015 针对正在运行着的Visual Studio 2013,昨天我们发布了 Apache Cordova 工具CTP 3.1。此版本包含大量的 Windows Phone 8.1 调试支持的性能和可靠性的改进(其中许多是您报告给我们的)。 注意: 如果您正在使用 Visual Studio 2015 并安装着CTP6,那么你已经拥有了所有的这些改进 !CTP6 博客文章简要地总结 Apache Cordova工具的改进。 Windows Phone 8.1 的调试支持 伴随着Visual Studio Apache Cordova工具的发布,我们的目标始终是为您提供一整套伟大的工具,用于 HTML、 CSS 和 JavaScript来构建 Android、 iOS 和 Windows 应用程序。其中很大一部分是帮助您调试您代码的。用这个版本 (Visual Studio 2015 CTP6),您现在可以针对Windows…

0