微软的一些网站上开始应用一个很新奇的JavaScript代码编辑器


[原文发表地址]  A rich new JavaScript code editor spreading to several Microsoft web sites

[原文发表时间]  2013-08-01

昨天我突然发现一些C#, JavaScript和CSS文件在SkyDrive上可以被编辑了。

不仅可以编辑,而且字符串能自动完成(不是特智能,因为在同一时间只有这一个文件)和令牌/符号的识别。

 

另外,这个编辑器对我来说确实很熟悉。我就开始寻找。

我在Windows Azure门户上面浏览了一下,在那里开发人员可以直接在浏览器上编写node.js去生成web 服务。这里,我们可以使用下拉菜单的自动匹配,语法错误的提示,甚至有一些基本的象征性的重构。

下图你可以看到Azure Mobile Services中的编辑器上抛出了一个语法错误的提示。那么这会出现在服务器上吗?

我记得网络上的TypeScript's "playground"告诉我们如何将TypeScript转换成JavaScript。这是分屏显示,左边显示TypeScript,右边显示JavaScript。

然后,我在http://tfs.visualstudio.com/上看了一下TFS在线的东西,并申请了一个账户http://hanselman.visualstudio.com来管理私有的一些不重要的工程。

注意在TFS中,这个编辑器不仅用于差异比较, 而且还包括内置的注释!这就是所有在JavaScript中的。

为了确认,我启用了F12工具。

这是非常清晰的。在CSS中查找,只需在editor.main.css中点击即可。在Div标签的类中,“vs”点到vs-theme.css文件去设置颜色,这使文本编辑器看起来很熟悉。

查看editor.main.js文件,所有东西都缩小了,这看起来很酷的。

这个JavaScript代码编辑器/查看器组件在TFS网站,Azure的网站和SkyDrive的网站都有,它正在被微软不同部门使用。不仅很酷地看到了代码的重用,而且也是一次很好的经验。应该嘉奖SkyDrive团队,因为他们意识到了一件好事,并且把它做成产品。将来看到这个编辑器在其他方出现,这将会非常有趣。


Comments (0)

Skip to main content