共计 1441 个字符，预计需要花费 4 分钟才能阅读完成。
笔者是一位 Angular 开发工程师，之前尝试过国外一款驰名的在线编辑器，StackBlitz. 这款编辑器功能强大，但因为服务器在国外，所以我平时拜访的时候，因为网络的起因，在编辑代码和本地运行编译好的 Angular 利用时，常常感觉到提早，影响了用户体验。
下图是 StackBlitz 在线编辑器的 home 界面：
这次据说腾讯推出了本人的 Cloud Studio 之后，十分冲动，第一工夫就在浏览器里进行试用了。
应用 Cloud Studio 创立第一个 Angular 利用
拜访 Cloud Studio 的官网, 发现反对间接应用微信和 Github 登录，这样连账号注册的过程都省去了，很不便。
我应用微信胜利登录后，新建一个工作空间 (Workspace)：
工作控件列表里，除了我最关怀的 Angular 工程模板之外，还有 React，Vue，Hexo 等许多其余的我的项目工程模板。
抉择 Angular 我的项目模板之后，Cloud Studio 主动生成一个 Angular 利用的 Template，咱们察看一下其中的 package.json，外面蕴含了 Angular 利用的所有依赖：
其中 Angular 版本为 ~12.1.0，这个版本也算比拟新了。
Cloud Studio 里和 Angular 利用编译和运行相干的命令行
咱们能够看到，Cloud Studio 主动在 Terminal 窗口里运行了如下的命令行：
set port=4200 && export PORT=4200 && yarn && yarn start –port=4200
仅仅破费了 6 秒多的工夫，就实现了利用的编译。但下图的 Console 输入，有两点美中不足：
(1) Build At 工夫戳的时区显示的是服务器端的时区，集体认为依照用户在浏览器里的时区设置对用户更敌对一些，比方下图我冀望工夫戳显示的是我本地工夫 18：02：51，而不是服务器端的 10：02：51.
(2) 打印的日志 Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200，这里会误导用户，因为实际上咱们根本无法在浏览器里通过间接拜访 http://localhost:4200/ 的形式，来关上咱们在 Cloud Studio 里运行的 Angular 利用。
正确的 url 应该是这个主动生成的 url：https://dzdkkc-wbsddy-4200.preview.myide.io/
这里我在 Terminal 里进行了更多的测试，比方间接执行命令行 ng serve：
发现整个利用尽管依然可能胜利编译，然而浏览器拜访 url https://dzdkkc-wbsddy-4200.preview.myide.io 时，遇到谬误音讯：Invalid Host header，于是不晓得怎么继续下去了，只得持续应用简短的命令行 set port=4200 && export PORT=4200 && yarn && yarn start --port=4200 来启动利用。
整个 Cloud Studio 能够看成一个运行在浏览器环境中的 Visual Studio Code，因而对于笔者来说，不存在任何的学习曲线。
笔者短短的 Cloud Studio 应用体验十分晦涩，集体认为这是一款齐全不输于 StackBlitz 的在线编辑器。笔者打算未来的一些小型验证我的项目，将不再应用 StackBlitz，而是切换到访问速度更快更晦涩的腾讯 Cloud Studio 上来。
