我最近一直在使用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 9和Nitrous.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 回答
As of July 2016 在新门户网站中
这已重命名为App Service Editor .
App Services =>您的应用=>工具=>应用服务编辑器(预览)
单击打开以导航到的面板中的
go
https://yourapp.scm.azurewebsites.net/dev/wwwroot/
更新添加图片(卢克)
此时,您可以在线编辑代码的唯一方法是通过Azure门户中的链接(或直接使用您的URL) .
我认为摩纳哥会在某个时间点出现在其他微软的房产上,但这只是猜测 .
更新:自从给出答案以来,已经发生了很多变化 . 添加到问题中的摘要提供了对摩纳哥用法的良好概述,但您也应该添加到Typescript Playground . VSCode团队甚至希望将Monaco作为独立工具提供,您可以在自己的应用程序中使用(参见GH issue)
附: VSCode Build 在Electron之上,并且是开源的,你今天可以查看code of the Monaco editor .
截至今天,可以通过将Visual Studio Online扩展添加到您的网站,然后在选择扩展名时单击顶部的“浏览”来访问它 . 目前还不清楚为什么Monoco如此隐蔽,也许他们想要等到它完成之后再做大推?
UPDATE 11/23/2015 :摩纳哥编辑上周开源(作为vscode的一部分) . vscode repository也是摩纳哥的知识库 .
Visual Studio Code是Microsoft的新桌面编辑器,它基于Web技术,编辑器组件是Monaco .
见:What is the Visual Studio Code editor built on
As of January 2016 在新门户网站中
App Services =>您的应用=>工具=>扩展=>添加=> Visual Studio Online
回过头链并选择“浏览”将导航到
https://yourapp.scm.azurewebsites.net/dev/wwwroot/