微软的一些网站上开始应用一个很新奇的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。

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

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

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

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

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

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