Visual Studio Online Monaco在哪里?

我最近一直在使用Visual Studio Online'Monaco'来编辑我作为Azure网站托管的AngularJS应用程序 . 我想使用Monaco,因为它有浏览器打字稿支持 .

据我所知,唯一可以访问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克隆,开始编码 .


Edit: 从一段时间以来对这个问题的回复......

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

https://code.visualstudio.com/

截至2015年7月,Azure Web App仪表板中出现了一个选项 .

要为Web应用程序启用Visual Studio Online:

  • 转到Web应用程序的'configure'选项卡

  • 打开'EDIT IN VISUAL STUDIO ONLINE',单击“保存”

  • 'Edit in Visual Studio'区域下的仪表板选项卡上显示'Edit in Visual Studio'选项

  • 单击此按钮将转到指向您的Web应用程序的VSO

  • 注意:如果您通过git等部署,则可能会覆盖您的vso更改

回答(5)

2 years ago

此时,您可以在线编辑代码的唯一方法是通过Azure门户中的链接(或直接使用您的URL) .

我认为摩纳哥会在某个时间点出现在其他微软的房产上,但这只是猜测 .


更新:自从给出答案以来,已经发生了很多变化 . 添加到问题中的摘要提供了对摩纳哥用法的良好概述,但您也应该添加到Typescript Playground . VSCode团队甚至希望将Monaco作为独立工具提供,您可以在自己的应用程序中使用(参见GH issue

附: VSCode Build 在Electron之上,并且是开源的,你今天可以查看code of the Monaco editor .

2 years ago

As of July 2016 在新门户网站中

这已重命名为App Service Editor .

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

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

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

更新添加图片(卢克)

Menu item within Tools

2 years ago

截至今天,可以通过将Visual Studio Online扩展添加到您的网站,然后在选择扩展名时单击顶部的“浏览”来访问它 . 目前还不清楚为什么Monoco如此隐蔽,也许他们想要等到它完成之后再做大推?

2 years ago

UPDATE 11/23/2015 :摩纳哥编辑上周开源(作为vscode的一部分) . vscode repository也是摩纳哥的知识库 .

Visual Studio Code是Microsoft的新桌面编辑器,它基于Web技术,编辑器组件是Monaco .

见:What is the Visual Studio Code editor built on

2 years ago

As of January 2016 在新门户网站中

App Services =>您的应用=>工具=>扩展=>添加=> Visual Studio Online

回过头链并选择“浏览”将导航到

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