iPad<\/a>\/Chromebook use cases are relevant here, too, and perhaps even more so. The docs say “Preserve battery life when you’re on the go; all intensive tasks run on your server,” which I guess means that unlike vscode.dev where tasks like “Find in Project” are (presumably) done on your local machine, they are done by the server (maybe slower, but not slower than a $200 laptop?).<\/p>\n\n\n\n
\n\n\n\nThere is clearly something in the water with all this. I’m bullish on web-based IDEs. Just look at what’s happening with Figma (kicking ass), which I would argue is one-third due to the product meetings screen designers need with little bloat, one-third due to the simple team and permissions model, and one-third due to the fact that it’s built web-first.<\/p>\n","protected":false},"excerpt":{"rendered":"
VS Code is built from web technologies (HTML, CSS, and JavaScript), but dare I say today it’s mostly used a local app that’s installed on your machine. That’s starting to shift, though, as there has been an absolute explosion of places VS Code is becoming available to use on the web. I’d say it’s kind […]<\/p>\n","protected":false},"author":3,"featured_media":356976,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[4],"tags":[1418],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/11\/vscode-browser.jpg?fit=1200%2C600&ssl=1","jetpack-related-posts":[{"id":354537,"url":"https:\/\/css-tricks.com\/what-if-you-could-use-visual-studio-code-as-the-editor-of-in-browser-developer-tools\/","url_meta":{"origin":356818,"position":0},"title":"What if\u2026 you could use Visual Studio Code as the editor of in-browser Developer Tools?","date":"October 21, 2021","format":false,"excerpt":"It's not uncommon for my front-end workflow to go something like this: Work on thing.See that thing in an automatically refreshed browser.See something wrong with that thing.Inspect and correct the thing in DevTools.Apply the correct code in my code editor.See that correct code automatically refreshed in the browser. I know,\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/10\/experiment-sources-in-code-editor-open.msft_.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":306686,"url":"https:\/\/css-tricks.com\/some-little-improvements-to-my-vs-code-workflow-workspaces-icons-tasks\/","url_meta":{"origin":356818,"position":1},"title":"Some Little Improvements to My VS Code Workflow (Workspaces, Icons, Tasks)","date":"April 22, 2020","format":false,"excerpt":"I did a little thing the other day that I didn't know was possible until then. I had a project folder open in VS Code like I always do, and I added another different root folder to the window. I always assumed when you had a project open, it was\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/04\/vs-code-custom-workspaces.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":321571,"url":"https:\/\/css-tricks.com\/nova\/","url_meta":{"origin":356818,"position":2},"title":"Nova","date":"September 21, 2020","format":false,"excerpt":"Nova is a new (vehemently macOS-only) code editor from Panic, the folks behind Coda. It's like \"Coda 3\" except this was such a major re-write that they gave it a whole new name. I played with some of the betas as they were building it. I got a little discount\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/09\/panic-nova.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":367403,"url":"https:\/\/css-tricks.com\/quick-tip-clear-vs-code-cache-for-open-files\/","url_meta":{"origin":356818,"position":3},"title":"Quick Tip: Clear VS Code Cache for Open Files","date":"August 11, 2022","format":false,"excerpt":"If you use VS Code, you might have enabled the setting for re-opening a previously open file next time the app launches. I do. I like that. Hey, thanks for remembering, buddy! \ud83e\udd17 But sometimes you really, really don't want that to happen. I recently ran into one of those\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/08\/vs-code-open-last-file.png?fit=1003%2C563&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":261630,"url":"https:\/\/css-tricks.com\/can-vs-code-emmet\/","url_meta":{"origin":356818,"position":4},"title":"Can VS Code Do Emmet?","date":"November 1, 2017","format":false,"excerpt":"As in, does Visual Studio Code, the free code editor from Microsoft, work with Emmet, the free and open source code expansion tool? The answer is of course! In fact, you don't have to do anything at all to get it going. Emmet is built-in to VS Code. Let's take\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":372853,"url":"https:\/\/css-tricks.com\/flutter-for-front-end-web-developers\/","url_meta":{"origin":356818,"position":5},"title":"Flutter For Front-End Web Developers","date":"September 5, 2022","format":false,"excerpt":"I started as a front-end web developer and then became a Flutter developer. I think there were some concepts that helped me adopt Flutter easier. There were also some new concepts that were different. In this article, I want to share my experience and inspire anyone feeling paralyzed with choosing\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/08\/flutter-clouds.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"featured_media_src_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/11\/vscode-browser.jpg?fit=1024%2C512&ssl=1","_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/356818"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=356818"}],"version-history":[{"count":10,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/356818\/revisions"}],"predecessor-version":[{"id":357074,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/356818\/revisions\/357074"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/356976"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=356818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=356818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=356818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}