网页版VS Code来了，特斯拉Xbox手机都能用，随时随地写bug

量子位2021-10-24

你可能永远不知道同事以后会在什么地方、用什么写代码！因为微软正式发布了网页版的VS Code，只要你有浏览器，就能“为所欲为”。这下，有人直接把它“搬”到了特斯拉车里：还有人在Xbox上解锁：是时候在Xbox上开发Xbox游戏了？？你们常说的iPad买前生产力，买后爱奇艺，这下iPad也终于能coding，再也没理由摸鱼了。不仅iPad，连手机都行，如果你不嫌屏幕小的话…… ...

网页链接

免责声明：本文观点仅代表作者个人观点，不构成本平台的投资建议，本平台不对文章信息准确性、完整性和及时性做出任何保证，亦不对因使用或信赖文章信息引发的任何损失承担责任。

精彩评论

神佛护佑
2021-10-27
神佛护佑
Cool
神佛护佑
2021-10-24
神佛护佑
Cool

发表看法

{"i18n":{"language":"zh_CN"},"isChannel":false,"data":{"share":"https://www.laohu8.com/m/news/2177144332?lang=zh_CN&edition=full","thumbnail":"https://static.tigerbbs.com/78edc8337704ffd6760fab4583246af8","is_english":false,"pubTime":"2021-10-24 10:00","share_image_url":"https://static.laohu8.com/e9f99090a1c2ed51c021029395664489","id":"2177144332","market":"hk","top_or_hot":-1,"title":"网页版VS Code来了，特斯拉Xbox手机都能用，随时随地写bug","media":"量子位","content":"<div>\n<p>你可能永远不知道同事以后会在什么地方、用什么写代码！\n因为微软正式发布了网页版的VS Code，只要你有浏览器，就能“为所欲为”。\n\n这下，有人直接把它“搬”到了特斯拉车里：\n\n还有人在Xbox上解锁：\n\n是时候在Xbox上开发Xbox游戏了？？\n你们常说的iPad买前生产力，买后爱奇艺，这下iPad也终于能coding，再也没理由摸鱼了。\n不仅iPad，连手机都行，如果你不嫌屏幕小的话……\n\n...</p>\n\n<a href=\"https://36kr.com/p/1453227045922694\">网页链接</a>\n\n</div>\n","source":"36kr_stock","html":"<!DOCTYPE html>\n<html>\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no\"/>\n<meta name=\"format-detection\" content=\"telephone=no,email=no,address=no\" />\n<title>网页版VS Code来了，特斯拉Xbox手机都能用，随时随地写bug</title>\n<style type=\"text/css\">\na,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,\nem,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,\nobject,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{ font:inherit;margin:0;padding:0;vertical-align:baseline;border:0 }\nbody{ font-size:16px; line-height:1.5; color:#999; background:transparent; }\n.wrapper{ overflow:hidden;word-break:break-all;padding:10px; }\nh1,h2{ font-weight:normal; line-height:1.35; margin-bottom:.6em; }\nh3,h4,h5,h6{ line-height:1.35; margin-bottom:1em; }\nh1{ font-size:24px; }\nh2{ font-size:20px; }\nh3{ font-size:18px; }\nh4{ font-size:16px; }\nh5{ font-size:14px; }\nh6{ font-size:12px; }\np,ul,ol,blockquote,dl,table{ margin:1.2em 0; }\nul,ol{ margin-left:2em; }\nul{ list-style:disc; }\nol{ list-style:decimal; }\nli,li p{ margin:10px 0;}\nimg{ max-width:100%;display:block;margin:0 auto 1em; }\nblockquote{ color:#B5B2B1; border-left:3px solid #aaa; padding:1em; }\nstrong,b{font-weight:bold;}\nem,i{font-style:italic;}\ntable{ width:100%;border-collapse:collapse;border-spacing:1px;margin:1em 0;font-size:.9em; }\nth,td{ padding:5px;text-align:left;border:1px solid #aaa; }\nth{ font-weight:bold;background:#5d5d5d; }\n.symbol-link{font-weight:bold;}\n/* header{ border-bottom:1px solid #494756; } */\n.title{ margin:0 0 8px;line-height:1.3;color:#ddd; }\n.meta {color:#5e5c6d;font-size:13px;margin:0 0 .5em; }\na{text-decoration:none; color:#2a4b87;}\n.meta .head { display: inline-block; overflow: hidden}\n.head .h-thumb { width: 30px; height: 30px; margin: 0; padding: 0; border-radius: 50%; float: left;}\n.head .h-content { margin: 0; padding: 0 0 0 9px; float: left;}\n.head .h-name {font-size: 13px; color: #eee; margin: 0;}\n.head .h-time {font-size: 11px; color: #7E829C; margin: 0;line-height: 11px;}\n.small {font-size: 12.5px; display: inline-block; transform: scale(0.9); -webkit-transform: scale(0.9); transform-origin: left; -webkit-transform-origin: left;}\n.smaller {font-size: 12.5px; display: inline-block; transform: scale(0.8); -webkit-transform: scale(0.8); transform-origin: left; -webkit-transform-origin: left;}\n.bt-text {font-size: 12px;margin: 1.5em 0 0 0}\n.bt-text p {margin: 0}\n</style>\n</head>\n<body>\n<div class=\"wrapper\">\n<header>\n<h2 class=\"title\">\n网页版VS Code来了，特斯拉Xbox手机都能用，随时随地写bug\n</h2>\n\n<h4 class=\"meta\">\n\n\n2021-10-24 10:00 北京时间&nbsp;&nbsp;&nbsp;<a href=https://36kr.com/p/1453227045922694><strong>量子位</strong></a>\n\n\n</h4>\n\n</header>\n<article>\n<div>\n<p>你可能永远不知道同事以后会在什么地方、用什么写代码！\n因为微软正式发布了网页版的VS Code，只要你有浏览器，就能“为所欲为”。\n\n这下，有人直接把它“搬”到了特斯拉车里：\n\n还有人在Xbox上解锁：\n\n是时候在Xbox上开发Xbox游戏了？？\n你们常说的iPad买前生产力，买后爱奇艺，这下iPad也终于能coding，再也没理由摸鱼了。\n不仅iPad，连手机都行，如果你不嫌屏幕小的话……\n\n...</p>\n\n<a href=\"https://36kr.com/p/1453227045922694\">网页链接</a>\n\n</div>\n\n\n</article>\n</div>\n</body>\n</html>\n","isBrief":false,"type":0,"news_type":1,"symbol":"TSLA","symbol_name":"特斯拉","start_time":0,"source_url":"https://36kr.com/p/1453227045922694","article_id":"2177144332","we_media_id":null,"thumbnails":["https://static.tigerbbs.com/78edc8337704ffd6760fab4583246af8"],"rights":null,"url":"https://stock-news.laohu8.com/highlight/detail?id=2177144332","pubTimestamp":1635040843,"sourceInfo":{"source_id":"36kr_stock","name":"36氪"},"weMediaInfo":null,"summary":"你永远不知道同事会用啥写代码","collect":0,"end_time":0,"defaultTopTitle":"36kr.com","property":[],"viewcount":null,"language":"zh","relate_stocks":{"TSLA":"特斯拉"},"translate_title":"The web version of VS Code is coming, Tesla Xbox phones can be used, and bugs can be written anytime and anywhere","themeId":null,"isJumpTheme":false,"ttsUrl":null,"symbols_score_info":{"TSLA":1},"content_text":"你可能永远不知道同事以后会在什么地方、用什么写代码！\n因为微软正式发布了网页版的VS Code，只要你有浏览器，就能“为所欲为”。\n\n这下，有人直接把它“搬”到了特斯拉车里：\n\n还有人在Xbox上解锁：\n\n是时候在Xbox上开发Xbox游戏了？？\n你们常说的iPad买前生产力，买后爱奇艺，这下iPad也终于能coding，再也没理由摸鱼了。\n不仅iPad，连手机都行，如果你不嫌屏幕小的话……\n\n怎么样？心动吗？\n反正我们一开始是很心动，所以立刻试了试。\n对GitHub支持友好\n我们先随便在一台Mac电脑上打开，新建文件后选择语言：\n\n提问：所有编程语言都支持吗？\n答：No，分三档。\n第一档为体验几乎与桌面端相同是“webby”语言，比如JSON、HTML、CSS和LESS；\n其次是TypeScript、JavaScript和Python，由在浏览器中本地运行的语言服务提供支持，语法高亮、单文件自动补全、语法错误提示等功能都有，使用体验“良好”；\n\n其余语言像什么C/C++、C#、Java、Rust、Go……为最后一档，只提供语法高亮、括号对上色、文本补全（别的功能需要自己装插件）。\nOK，除了自己新建文件，你也能打开本地项目。\n\n除非你用的是什么老得不能再老的IE？不过按照官方的说法，也能凑合，能打开单个文件或者远程仓库：\n\n对，如果你想运行GitHub项目的话，只需在项目地址前加上vscode.dev/，就像这样：\nhttps://github.com/microsoft/vscode => vscode.dev/https://github.com/Microsoft/vscode\n\n或者直接在这里输入项目地址：\n\n浏览代码时，可以直接用色彩选择器选取颜色：\n\n也可以直接生成对应代码的链接，直接分享给其他用户，方便进行讨论：\n\n用VS Code，不装点插件哪行？\n不过，现在这个网页版似乎支持的不多。\n虽说大多数UI插件（主题、热键等）都能用，比如下面这个“Night Owl”：\n\nps.可以通过Settings Sync在网页版、桌面端和GitHub仓库之间启动同步。\n还有什么支持丰富图像编辑的Luna Paint，GitHub Issue Notebooks等插件也行。\n\n但是像那种使用了操作系统模块的Node.js代码插件、运行了可执行文件的插件等就不行了（搜倒是能搜出来，不过会标记）。\n\n我们试了一下，Python插件竟然提示装不了……\n\n不过，基本的VS Code功能还是能用的，像能直接预览Markdown代码效果，也能直接保存文件到本地端：\n\n好，那咱写个“JS深拷贝”运行一下：\nOh，No！虽然它给编译留出了按键，但却无法在线编译！\n\n不得不承认，浏览器相比桌面端还是有限制。\n而且，网页版还不支持终端……\n\n好在，对GitHub的托管支持还不错：\n内置GitHub Repositories、Codespaces和Pull Request等插件，提交、拉取代码都很方便。\n不像对Azure Repos，虽说也支持，但目前只能预览，读写功能还在路上，别的就更别提了。\n当然，除了Mac电脑以外，我们还在iPad的Safara浏览器上试着运行了一下网页版VS Code：\n\n在安卓手机上也没问题，除了官宣的Chrome浏览器以外，微软当然也不会放过自带的Edge浏览器，我们又试了一下用Edge运行，OK：\n\n当然，记得要将各种设备（安卓、iPad等）上的Chrome/Edge浏览器更新至最新版本，否则就会卡在下面这个界面：\n\n整体来说，网页版VS Code还是查看项目代码很方便的利器。\n如果出门在外没带电脑，可以直接用身边的其他设备在线查看代码。（给同事挑bug）\n不过，这其实不是微软第一次推出在线版本了。\n微软：我们正在推动插件支持\n早在Build 2019开发者大会上，微软就宣布了会有网页版本的VS Code。\n最初的VS Code网页版叫VS Online（Visual Studio Online）。\n后来微软发现，VS Online不仅被用来当做网页版代码编辑器，也更像是一个云代码存储空间，所以VS Online又被改名叫VS Codespaces。\n注意，VS Online和VS Codespaces在云端运行编译是要收费的。（没错，你也可以自己搭服务器，不收费）\n\n后来VS Codespaces进一步“进化出”GitHub Codespaces，可以直接在GitHub上云编译代码。\n甚至有人发现了这个快捷功能：直接在GitHub各种页面上按下“。”按键，就能进入在线编辑界面：\n\n现在，这个GitHub在线编辑器进化成了完整的VS Code网页版编辑器，也就是这次微软正式发布的网页版VS Code。\n不过，也不是不能在浏览器上就完成代码的编译工作——你可以借助Codespaces的云服务器来付费计算：\n\n所以也有人调侃，微软推出的这个VS Code网页版，就是为了推广微软Azure云服务器设计的（手动狗头）\n最后，虽然这次发布的这个网页版VS Code还不能和桌面端媲美，但微软此番愿景就是能让大家真正实现在任何地方写任何代码，所以它叫大家“敬请期待更多”。\n就比如插件，别看现在少，官方说几乎每天都有新的在加入～\n而且大家还能贡献自己开发的插件，开发规范和发布规则都可去VS Code官网查看。\n诶？说到随时随地写代码，这才是程序员的真实想法吧：\n\n还有马上10.24了，莫非这也是微软提前给广大程序员们的一个惊喜？\n“惊喜”传送门：https://vscode.dev/\n参考链接：[1]https://www.zdnet.com/article/microsoft-makes-its-vs-code-tool-available-directly-in-the-browser/[2]https://code.visualstudio.com/blogs/2021/10/20/vscode-dev[3]https://www.youtube.com/watch?v=sy3TUb_iVJM[4]https://news.ycombinator.com/item?id=28932206[5]https://github.com/features/codespaces[6]https://github.com/github/dev[7]https://visualstudiomagazine.com/articles/2021/10/20/vs-code-web.aspx\n— 完 —\n本文来自微信公众号 “量子位”（ID：QbitAI），作者：关注前沿科技，36氪经授权发布。","kind":null,"is_publish_news":true,"is_publish_highlight":false,"is_publish_live":false,"is_publish_wemedia":null,"editions":null,"column":"","sentiment":"0","news_tag":"","news_rank":0,"symbols":[],"gpt_button":1},"commentList":[{"id":852408742,"gmtCreate":1635294427577,"gmtModify":1635294427767,"author":{"id":"3576321023701513","authorId":"3576321023701513","name":"神佛护佑","avatar":"https://static.tigerbbs.com/e570de638069b875adf243bba438b98a","vip":1,"crmLevel":5,"crmLevelSwitch":0},"htmlText":"Cool","listText":"Cool","text":"Cool","images":[],"top":1,"highlighted":1,"essential":1,"paper":1,"likeSize":1,"commentSize":0,"repostSize":0,"link":"https://laohu8.com/post/852408742","repostId":2177144332,"repostType":2,"isVote":1,"likeStatus":false,"favoriteStatus":false,"reportStatus":false,"tweetType":1,"langContent":"CN"},{"id":858684324,"gmtCreate":1635045379218,"gmtModify":1635045379476,"author":{"id":"3576321023701513","authorId":"3576321023701513","name":"神佛护佑","avatar":"https://static.tigerbbs.com/e570de638069b875adf243bba438b98a","vip":1,"crmLevel":5,"crmLevelSwitch":0},"htmlText":"Cool&nbsp;","listText":"Cool&nbsp;","text":"Cool","images":[],"top":1,"highlighted":1,"essential":1,"paper":1,"likeSize":1,"commentSize":0,"repostSize":0,"link":"https://laohu8.com/post/858684324","repostId":2177144332,"repostType":2,"isVote":1,"likeStatus":false,"favoriteStatus":false,"reportStatus":false,"tweetType":1,"langContent":"CN"}],"isCommentEnd":false,"newsSizeData":{"likeSize":1,"commentSize":2,"repostSize":0,"favoriteSize":0,"likeStatus":false,"favoriteStatus":false},"APP":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","isDev":false,"isTTM":false,"deviceId":"web-server-community-laohu8-v3","version":"4.26.2","shortVersion":"4.26.2","platform":"web","vendor":"web","appName":"laohu8","isIOS":false,"isAndroid":false,"isTiger":false,"isTHS":false,"isWeiXin":false,"isWeiXinMini":false,"isWeiBo":false,"isQQ":false,"isBaiduSwan":false,"isBaiduBox":false,"isDingTalk":false,"isToutiao":false,"isOnePlus":false,"isHuaWei":false,"isXiaomi":false,"isXiaomiWebView":false,"isOppo":false,"isVivo":false,"isSamsung":false,"isMobile":false},"href":"/m/news/2177144332"}