--- title: Best VSCode posts of 2024 | daily.dev description: The most upvoted VSCode posts of 2024, curated by the daily.dev community. canonical: https://daily.dev/tags/vscode/best-of/2024 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/vscode/best-of/2024 og:type: website og:site_name: daily.dev og:title: Best VSCode posts of 2024 | daily.dev og:description: The most upvoted VSCode posts of 2024, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of VSCode — 2024 1. 1 [](/posts/15-vs-code-tips-to-make-your-coding-experience-better-oyzddqfbt "15 VS Code Tips to Make Your Coding Experience Better") Article It's Foss · 2y 15 VS Code Tips to Make Your Coding Experience Better Discover fifteen tips to enhance your coding experience in Visual Studio Code. Learn how to use integrated terminals, split editors, create files on the go, and more. These tips include synchronizing scrolling, multi-cursor editing, markdown preview, Zen mode, moving lines, renaming variables, formatting documents, commenting multiple lines, and more efficient file browsing. 1.3K 34 2. 2 [](/posts/visual-studio-code-extensions-to-boost-your-productivity-in-2024-nghggkofw "Visual Studio Code Extensions to Boost Your Productivity in 2024") Article freeCodeCamp · 3y Visual Studio Code Extensions to Boost Your Productivity in 2024 Discover the top Visual Studio Code extensions to boost productivity in 2024\. These extensions enhance features and tools, minimize context switching, and improve code readability. Explore AI-powered coding assistants like GitHub Copilot and Tabnine. Customize your editor with icon themes and enjoy features like error lens, bookmarks, and indented rainbow. Stay organized with project manager and utilize real-time collaboration with Live Share. Optimize your workflow and increase productivity with these recommended extensions. 1.2K 65 3. 3 [](/posts/vs-code-setup---recommended-extensions-yppnoamqq "VS Code Setup - Recommended Extensions") Article Community Picks · 2y VS Code Setup - Recommended Extensions A curated list of recommended Visual Studio Code extensions categorized by their use cases, such as markdown support, general writing, GitHub integration, CSV handling, Japanese language tools, styling and themes, and various utility extensions. Includes a step-by-step guide for easy installation of all listed extensions via an \`extensions.json\` file. 1.1K 26 4. 4 [](/posts/five-vs-code-defaults-you-should-turn-off-uvqmc8j6l "Five VS Code Defaults You Should Turn Off") Article asayer · 2y Five VS Code Defaults You Should Turn Off Visual Studio Code (VS Code) has numerous configurable options that can enhance a smoother work experience. It is recommended to turn on wrap tabs for better tab management, disable the preview editor for persistent tabs, uncheck compact folders for better folder visibility, shift the primary sidebar to the right for better usability, and turn off MDN references for a cleaner interface. Making these adjustments can help create a more organized and efficient coding environment. 734 45 5. 5 [](/posts/state-of-frontend-2024-5ioaqqkaq "State of Frontend 2024") Article Community Picks · 2y State of Frontend 2024 Visual Studio Code is the dominant choice among front-end developers due to its free nature and extensive ecosystem of extensions. JetBrains IDEs, particularly WebStorm, are favored for their out-of-the-box experience and reliability. Despite a stable two-year period in editor preferences, new AI-driven code editors like Cursor are emerging. Browser-based editors remain limited in adoption, primarily used for quick demos. GitHub is the leading version control provider, followed by GitLab and BitBucket. 667 10 6. 6 [](/posts/reviewing-zed-an-ide-of-the-future-hyza7pbbo "Reviewing Zed: An IDE of the Future") Article Community Picks · 2y Reviewing Zed: An IDE of the Future Zed is a new, open-source IDE that is faster than Sublime Text and provides powerful features out of the box. It is currently in beta and supports Mac devices, with support for Windows and Linux coming soon. Zed aims to compete with VSCode as the king of code editors. 554 50 7. 7 [](/posts/my-vscode-config-m3aybcdvb "My VSCode Config") Article DEV · 3y My VSCode Config A developer shares their VSCode configurations and extensions, including tips for better development experience. 468 18 8. 8 [](/posts/this-vs-code-ai-coding-assistant-is-a-game-changer--u9ebhakq5 "This VS Code AI Coding Assistant Is A Game Changer!") Video codeSTACKr · 2y This VS Code AI Coding Assistant Is A Game Changer! 426 54 9. 9 [](/posts/boost-productivity-quality-essential-vs-code-extensions-dywt3yigy "Boost Productivity & Quality: Essential VS Code Extensions") Article DEV · 2y Boost Productivity & Quality: Essential VS Code Extensions Discover essential Visual Studio Code extensions that can boost productivity and code quality. From code formatting to error detection, these tools provide valuable features for frontend developers using JavaScript frameworks. 411 17 10. 10 [](/posts/vscode-extensions-for-documentation-syfcmkqu2 "VScode Extensions for Documentation") Article Medium · 3y VScode Extensions for Documentation This post reviews the author's favorite VScode extensions for documentation, including Quarto, Jupyter, and Markdown All in One. 390 14 11. 11 [](/posts/tools-that-keep-me-productive-qjinej7ou "Tools that keep me productive") Article DEV · 2y Tools that keep me productive Discover the tools that the author uses to stay productive as a developer, including their go-to editor and favorite browser extensions. 378 21 12. 12 [](/posts/boost-your-coding-efficiency-7-tips-for-visual-studio-code-36vqay2ge "Boost Your Coding Efficiency: 7 tips for Visual Studio Code") Article asayer · 2y Boost Your Coding Efficiency: 7 tips for Visual Studio Code Optimize your coding efficiency with seven essential tips for Visual Studio Code, including customizing the interface, leveraging extensions, mastering shortcuts, using snippets, integrating version control, utilizing IntelliSense, and employing debugging techniques. Tailoring VS Code with these strategies will enhance your productivity and improve your development workflow. 350 4 13. 13 [](/posts/automate-code-commenting-using-vs-code-and-ollama-zduwmqh57 "Automate code commenting using VS Code and Ollama") Article LogRocket · 2y Automate code commenting using VS Code and Ollama Learn how to create a VS Code extension that uses Ollama to automate code comment generation. The tutorial covers the setup of Ollama, creating a new extension project in VS Code with TypeScript, and implementing functions to interact with an LLM model for generating comments. It provides step-by-step instructions to build prompt-based comment generation within the IDE, ensuring productivity without sacrificing data privacy. 337 8 14. 14 [](/posts/meet-continue-an-open-source-autopilot-for-vs-code-and-jetbrains-miw15ysuj "Meet Continue: An Open-Source Autopilot for VS Code and JetBrains") Article Machine Learning News · 3y Meet Continue: An Open-Source Autopilot for VS Code and JetBrains Introducing Continue, an open-source autopilot for popular IDEs like VS Code and JetBrains. It streamlines the coding experience by leveraging large language models, allowing developers to review and accept/reject proposed edits. Continue promotes collaboration and customizability by integrating with various powerful models. 283 13 15. 15 [](/posts/2-colors-extensions-to-make-visual-studio-code-even-better--bc9p31a4w "🌈 2 Colors Extensions to make Visual Studio Code even better!") Article This is Learning · 2y 🌈 2 Colors Extensions to make Visual Studio Code even better! Learn about two Visual Studio Code extensions that can improve your coding experience by customizing colors for instances and files/folders. 268 18 16. 16 [](/posts/shiki-v8fllvg7w "Shiki") Article Community Picks · 3y Shiki Accurate & Beautiful. TextMate grammar powered, same engine as your VS Code. Improves with VS Code. 259 10 17. 17 [](/posts/must-have-vscode-extension-for-typescript-devs-7qv38fjhr "Must Have VSCode Extension For TypeScript Devs") Video Web Dev Simplified · 2y Must Have VSCode Extension For TypeScript Devs The Pretty TypeScript Better Type Previews extension for VSCode helps TypeScript developers by providing expanded type information when hovering over variables or types. This facilitates understanding complex types without tracking down type definitions manually, making development more efficient. 249 12 18. 18 [](/posts/3-ways-of-building-python-projects-using-gpt-4o-dkx2ecgqe "3 Ways of Building Python Projects using GPT-4o") Article KDnuggets · 2y 3 Ways of Building Python Projects using GPT-4o Discover how to enhance your Python development with essential AI tools like ChatGPT, CodeGPT, and Cursor IDE. These tools utilize the GPT-4o model to speed up coding, minimize bugs, and integrate AI functionalities into your workflow. Whether you're a beginner or an experienced developer, these tools can improve your productivity and coding efficiency. 247 8 19. 19 [](/posts/tech-lead-software-setup---2024-edition-0ekdyq5dz "Tech Lead Software Setup - 2024 Edition") Article DEV · 3y Tech Lead Software Setup - 2024 Edition The post discusses the author's software development setup for 2024\. It includes recommendations for VSCodium, alternatives to Chrome, Safari, Firefox, Opera, Brave, and Epiphany browsers, and mentions Mistral-based models for AI. 245 10 20. 20 [](/posts/visualize-data-structures-and-algorithms-myfhu2qh5 "Visualize data structures and algorithms") Video Visual Studio Code · 2y Visualize data structures and algorithms Visualize data structures directly in VS Code using the Debug Visualizer extension. This tool allows you to run the Debug Visualizer New View command, evaluate expressions, and choose visualization methods. You can interact with visuals and observe changes in real-time, making it especially useful for learning data structures or understanding algorithms during debugging sessions. 242 8 21. 21 [](/posts/underrated-ide-and-code-editors--ygowiwroq "Underrated IDE (and code editors)?") Article Trunk.io · 2y Underrated IDE (and code editors)? The author expresses interest in exploring underrated IDEs beyond mainstream options like VSCode, JetBrains, and various flavors of vim. They note the growing popularity of Zed and Cursor and acknowledge that no current IDE is perfect. 229 126 22. 22 [](/posts/there-s-a-fast-new-code-editor-in-town-leg1hh0ne "There’s a fast new code editor in town") Video Fireship · 3y There’s a fast new code editor in town There is a new fast and open-source code editor named Zed that is built in Rust. It offers AI integration and is known for its speed and performance. 228 23 23. 23 [](/posts/two-good-visual-studio-code-alternatives-abhojxtd8 "Two good Visual Studio Code alternatives") Article InfoWorld · 2y Two good Visual Studio Code alternatives Several alternatives to Visual Studio Code, such as Zed, Eclipse Theia IDE, Lite XL, and Cursor, offer distinct advantages. Zed and Cursor are particularly notable for their native AI integrations. Zed, built in Rust, is exceptionally fast, leveraging GPU acceleration and supporting multiple large language models. Cursor, a fork of Visual Studio Code, focuses on advanced code completion and chat functionalities. Both editors are available for Linux and macOS, with Zed also coming soon to Windows. Theia and Lite XL offer unique features but have limitations regarding speed and plugin compatibility. 200 31 24. 24 [](/posts/these-tools-helped-me-become-x10-faster-web-developer-5msb6jbun "These Tools helped me become x10 faster Web Developer") Article habr · 2y These Tools helped me become x10 faster Web Developer Discover the top 5 tools - Figma, Visual Studio Code, Google Chrome, Perplexity AI, and Claude AI - that can significantly enhance your productivity as a web developer. Learn about their key features, benefits, and how they can streamline your development process. 191 17 25. 25 [](/posts/debugging-typescript-with-visual-studio-code-sshv78bdh "Debugging TypeScript with Visual Studio Code") Article asayer · 2y Debugging TypeScript with Visual Studio Code Learn how to configure Visual Studio Code for debugging TypeScript code with a step-by-step guide. The guide covers generating tsconfig.json, setting up transpilation configurations, creating and modifying the launch.json file, and using VS Code's debugging tools. Includes practical examples and instructions for setting up automatic code transpilation. 188 2 [See all VSCode archives](/tags/vscode/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/vscode/best-of/2024#page","url":"https://daily.dev/tags/vscode/best-of/2024","name":"Best VSCode Posts of 2024","description":"The most upvoted VSCode posts of 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/vscode/best-of/2024#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/15-vs-code-tips-to-make-your-coding-experience-better-oyzddqfbt","name":"15 VS Code Tips to Make Your Coding Experience Better"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/visual-studio-code-extensions-to-boost-your-productivity-in-2024-nghggkofw","name":"Visual Studio Code Extensions to Boost Your Productivity in 2024"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/vs-code-setup---recommended-extensions-yppnoamqq","name":"VS Code Setup - Recommended Extensions"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/five-vs-code-defaults-you-should-turn-off-uvqmc8j6l","name":"Five VS Code Defaults You Should Turn Off"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/state-of-frontend-2024-5ioaqqkaq","name":"State of Frontend 2024"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/reviewing-zed-an-ide-of-the-future-hyza7pbbo","name":"Reviewing Zed: An IDE of the Future"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/my-vscode-config-m3aybcdvb","name":"My VSCode Config"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/this-vs-code-ai-coding-assistant-is-a-game-changer--u9ebhakq5","name":"This VS Code AI Coding Assistant Is A Game Changer!"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/boost-productivity-quality-essential-vs-code-extensions-dywt3yigy","name":"Boost Productivity & Quality: Essential VS Code Extensions"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/vscode-extensions-for-documentation-syfcmkqu2","name":"VScode Extensions for Documentation"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/tools-that-keep-me-productive-qjinej7ou","name":"Tools that keep me productive"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/boost-your-coding-efficiency-7-tips-for-visual-studio-code-36vqay2ge","name":"Boost Your Coding Efficiency: 7 tips for Visual Studio Code"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/automate-code-commenting-using-vs-code-and-ollama-zduwmqh57","name":"Automate code commenting using VS Code and Ollama"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/meet-continue-an-open-source-autopilot-for-vs-code-and-jetbrains-miw15ysuj","name":"Meet Continue: An Open-Source Autopilot for VS Code and JetBrains"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/2-colors-extensions-to-make-visual-studio-code-even-better--bc9p31a4w","name":"🌈 2 Colors Extensions to make Visual Studio Code even better!"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/shiki-v8fllvg7w","name":"Shiki"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/must-have-vscode-extension-for-typescript-devs-7qv38fjhr","name":"Must Have VSCode Extension For TypeScript Devs"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/3-ways-of-building-python-projects-using-gpt-4o-dkx2ecgqe","name":"3 Ways of Building Python Projects using GPT-4o"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/tech-lead-software-setup---2024-edition-0ekdyq5dz","name":"Tech Lead Software Setup - 2024 Edition"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/visualize-data-structures-and-algorithms-myfhu2qh5","name":"Visualize data structures and algorithms"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/underrated-ide-and-code-editors--ygowiwroq","name":"Underrated IDE (and code editors)?"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/there-s-a-fast-new-code-editor-in-town-leg1hh0ne","name":"There’s a fast new code editor in town"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/two-good-visual-studio-code-alternatives-abhojxtd8","name":"Two good Visual Studio Code alternatives"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/these-tools-helped-me-become-x10-faster-web-developer-5msb6jbun","name":"These Tools helped me become x10 faster Web Developer"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/debugging-typescript-with-visual-studio-code-sshv78bdh","name":"Debugging TypeScript with Visual Studio Code"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"VSCode","item":"https://daily.dev/tags/vscode"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/vscode/best-of"},{"@type":"ListItem","position":5,"name":"2024"}]}]} ```