Visual Studio Online Monaco在哪里?

11
我最近一直在使用Visual Studio Online 'Monaco'编辑一个AngularJS应用程序,该应用程序已托管为Azure网站。 我想使用Monaco,因为它支持浏览器中的typescript。
据我所知,唯一可以访问Visual Studio Online 'Monaco'的地方是通过关联的Azure网站仪表板上的一个隐藏链接,位于页面底部右侧。
例如,最终访问的URL将是:
https://your-website-dev.scm.azurewebsites.net/dev/wwwroot/app/scripts/services/sampleService.ts

这是到摩纳哥的唯一途径吗?

对于TypeScript和.Net解决方案的开发,它似乎是Cloud 9Nitrous.io的很好替代品,但我想要一个更类似于Nitrous.io的方式来设置开发环境。例如,登录、从GitHub克隆,开始编码。


编辑: 随着时间的推移,对于这个问题的回复...

截至2015年12月,Visual Studio Code是一款类似于Atom但具有Visual Studio风格和跨平台功能的优秀本地托管版本:

https://code.visualstudio.com/

截至2015年7月,Azure Web App仪表板中出现了一个选项。
要为Web应用启用Visual Studio Online,请执行以下操作:
  • 转到Web应用的“配置”选项卡
  • 将“在Visual Studio Online中编辑”切换打开,然后单击保存
  • 在“快速浏览”区域下的仪表板选项卡中会出现“在Visual Studio中编辑”的选项
  • 单击此选项可将您指向指向Web应用的VSO
    • 注意:如果您通过git等部署,则可能会覆盖vso更改

2
嘘……这是个秘密。 - Andrew Clear
5个回答

11

截至2016年7月,在新门户中,此功能已更名为应用服务编辑器。

应用服务 => 您的应用 => 工具 => 应用服务编辑器(预览版)

单击打开的面板中的 go,以导航到

https://yourapp.scm.azurewebsites.net/dev/wwwroot/

更新添加图片(由Luke提供)

工具菜单项


5

目前,在线编辑代码的唯一方式是通过Azure门户中的链接(或者像您所做的那样直接使用URL)。

我猜想Monaco在某个时间点会出现在其他Microsoft产品中,但这只是一个猜测。


更新:自回答此问题以来,已经发生了很多变化。问题概述提供了Monaco的用法概述,但您还应该添加到Typescript Playground。VSCode团队甚至正在考虑将Monaco作为独立工具提供给您在自己的应用程序中使用(请参见GH issue)。

P.S. VSCode是基于Electron构建的,并且作为开源软件,您今天就可以查看Monaco编辑器的代码


它还被用于OneDrive、Napa工具和Visual Studio Online(目前仅限只读)。 - Ed Blankenship

2

2

2

截至今日,访问Monaco需要在您的网站上添加Visual Studio Online扩展,然后在选择该扩展时单击顶部的“浏览”按钮。不清楚为什么Monaco如此隐秘,也许他们想等到它“完成”之后再进行大规模推广?


不错!在原始的Azure仪表板中,您需要进入Web应用程序的“配置”选项卡,打开“在Visual Studio Online中编辑”的开关,保存后,在“快速查看”区域下的仪表板选项卡中会出现“在Visual Studio中编辑”的选项。 - j3r3m7

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接