--- title: Best VSCode posts of 2023 | daily.dev description: The most upvoted VSCode posts of 2023, curated by the daily.dev community. canonical: https://daily.dev/tags/vscode/best-of/2023 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/vscode/best-of/2023 og:type: website og:site_name: daily.dev og:title: Best VSCode posts of 2023 | daily.dev og:description: The most upvoted VSCode posts of 2023, 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 — 2023 1. 1 [](/posts/set-up-codegpt-in-visual-studio-code-qc8rvycet "Set up CodeGPT in Visual Studio Code") Article asayer · 4y Set up CodeGPT in Visual Studio Code CodeGPT is a Visual Studio code extension that allows you to use the GPT-3 model to generate, explain, refactor, and document code snippets. This post provides instructions on how to install and configure CodeGPT in Visual Studio Code, and showcases its capabilities in generating, explaining, refactoring, and writing unit tests for code snippets. 553 56 2. 2 [](/posts/how-to-become-a-10x-dev-6z5terkqv "How to Become a 10x Dev") Article DEV · 3y How to Become a 10x Dev Learn how to become a 10x developer by automating repetitive tasks, mastering keyboard shortcuts, avoiding over-engineering, utilizing version control workflow, leveraging existing components and libraries, embracing HTML Emmet for rapid prototyping, and utilizing AI assistance and VS Code extensions. 476 25 3. 3 [](/posts/the-most-upvoted-visual-studio-code-feature-dkdoighky "The Most Upvoted Visual Studio Code Feature") Article This is Learning · 3y The Most Upvoted Visual Studio Code Feature A highly upvoted feature has been added to Visual Studio Code, allowing tabs to be released outside of the window. The feature is currently in preview and only available in the Insiders edition of vscode. 285 13 4. 4 [](/posts/stop-being-a-jr-software-engineer-prime-reacts-l5b7jh5yb "Stop Being A JR Software Engineer | Prime Reacts") Article Community Picks · 3y Stop Being A JR Software Engineer | Prime Reacts 233 16 5. 5 [](/posts/vscode-profiles-optimize-your-coding-environment-s0tewvxqq "VSCode Profiles: Optimize Your Coding Environment") Article Headway · 3y VSCode Profiles: Optimize Your Coding Environment Profiles are a useful feature in VSCode that allow you to save and switch between different sets of preferences and configurations. For a React front-end project, you might want to install extensions such as Ruby and Solargraph. Profiles let you create workspaces with unique configurations and preferences for each project or task. 220 37 6. 6 [](/posts/debugging-node-js-the-right-way-34tud7rhi "Debugging Node.js, The Right Way") Article builder.io · 4y Debugging Node.js, The Right Way Learn how to debug Node.js code using browser devtools, the difference between --inspect and --inspect-brk, debugging node scripts launched with other commands, and debugging directly in your IDE or in VS Code for client-side code. 216 15 7. 7 [](/posts/modern-vs-code-extension-development-the-basics-bnnuz26tb "Modern VS Code extension development: The basics") Article Snyk · 3y Modern VS Code extension development: The basics Microsoft Visual Studio (VS) Code is currently the most popular source code editor. It can be used as a fully-fledged integrated development environment (IDE) All you need to do is add the right set of extensions from the Visual Studio Code Marketplace. Snyk Security is defined as a linter and programming language extension. 154 6 8. 8 [](/posts/step-up-your-vscode-game-with-these-10-must-have-extensions-yjf-exrnn "Step up Your VSCode Game With These 10 Must-Have Extensions") Article Community Picks · 4y Step up Your VSCode Game With These 10 Must-Have Extensions Discover 10 must-have VSCode extensions to enhance your coding experience, including Project Manager, GitLens, and Colorize. 152 18 9. 9 [](/posts/materialize-extension-for-vs-code-hzmdys8c5 "Materialize extension for VS Code") Article Materialize · 3y Materialize extension for VS Code The Materialize VS Code extension allows developers to explore, query, and enhance their development experience. It is compatible with various IDEs and provides features such as schema exploration, profile configuration, query execution, and syntax validation. 151 3 10. 10 [](/posts/announcing-the-github-actions-extension-for-vs-code-o5iq99fqr "Announcing the GitHub Actions extension for VS Code") Article GitHub Blog · 4y Announcing the GitHub Actions extension for VS Code The extension was originally started as a community project to monitor workflows. It now uses the official GitHub Actions schema so you can take advantage of the latest and most up-to-date features. You can easily monitor runs for workflows in your repository, cancel and re-run them, or trigger new ones for manually triggered workflows. 143 15 11. 11 [](/posts/how-to-code-faster---vs-code-edition-aff3pvl42 "How to code faster - VS Code edition") Article DEV · 3y How to code faster - VS Code edition Learn how to code faster in Visual Studio Code by using shortcuts for copy-pasting, navigating efficiently, using Emmet, employing code snippets, and automating monotonous work with tools like NimbleText. 142 5 12. 12 [](/posts/10-essential-vscode-extensions-for-newbie-web-developers-pll176on7 "10 Essential VSCode Extensions for Newbie Web Developers") Article OSSPH · 3y 10 Essential VSCode Extensions for Newbie Web Developers VSCode is a powerful and popular code editor that provides an extensive range of functionalities. For beginner web developers, these extensions can significantly improve productivity and streamline the development process. We will explore ten useful VSCode extensions that every aspiring web developer should consider adding to their toolbox. 125 19 13. 13 [](/posts/introducing-figma-s-new-dev-mode-r9mpt344e "Introducing Figma’s New Dev Mode") Article Community Picks · 3y Introducing Figma’s New Dev Mode Figma was born on the web, an unconventional start to a design tool, but one we felt needed. With a single link, designers could collaborate on in-progress work, sharing early explorations, rather than safeguarding designs. The easier it is for teams to design, document, find, and implement high-fidelity designs. 122 8 14. 14 [](/posts/debug-a-react-app-with-visual-studio-code-wwhqbcjtm "Debug a React app with Visual Studio Code") Article This is Learning · 3y Debug a React app with Visual Studio Code Learn how to debug a React app using the Visual Studio Code debugger, including setup, running the debugger, setting breakpoints, inspecting variables, and using the Call Stack panel. 120 15. 15 [](/posts/how-to-build-a-portfolio-site-with-sanity-and-next-js-w5tklxd9c "How to Build a Portfolio Site with Sanity and Next.js") Article freeCodeCamp · 3y How to Build a Portfolio Site with Sanity and Next.js Sanity is a headless CMS framework for managing content. Sanity is Sanity's open source single-page app for managing your data and operations. You'll learn how to use Sanity as a data source to build a portfolio site with Next.js. In this tutorial you'll be mounting it together with your Next. 116 9 16. 16 [](/posts/rubberduck---product-information-latest-updates-and-reviews-2024-7dn5chybl "Rubberduck - Product Information, Latest Updates, and Reviews 2024") Article Product Hunt · 4y Rubberduck - Product Information, Latest Updates, and Reviews 2024 Rubberduck is an AI chat in the Visual Studio Code side bar that can generate code, edit code, explain code, generate tests, find bugs, diagnose errors, and more. Users can add their own conversation templates and leave reviews to help others determine if Rubberduck is the right product for them. 99 13 17. 17 [](/posts/five-alternatives-to-github-copilot-gmvi47lbn "Five Alternatives to GitHub Copilot") Article asayer · 3y Five Alternatives to GitHub Copilot GitHub Copilot is an AI-powered pair programming tool developed by Microsoft. It provides autocomplete-style suggestions as you code based on the context of the file you are working on and related files. It's not restricted by programming languages, as it can convert your code into a different programming language. 97 15 18. 18 [](/posts/yoavbls-pretty-ts-errors-make-typescript-errors-prettier-and-human-readable-in-vscode--syw1arzwn "yoavbls/pretty-ts-errors: 🔵 Make TypeScript errors prettier and human-readable in VSCode 🎀") Article Pointer · 3y yoavbls/pretty-ts-errors: 🔵 Make TypeScript errors prettier and human-readable in VSCode 🎀 An extension called 'pretty-ts-errors' aims to make TypeScript errors more readable and aesthetically pleasing in VSCode. It provides syntax highlighting with theme colors, buttons for navigating to relevant type declarations and error explanations, and support for various file types. The extension can be installed via the VSCode marketplace or by using the command 'code --install-extension yoavbls.pretty-ts-errors'. 95 7 19. 19 [](/posts/chatgpt-extension-for-vscode-fopi4-hst "ChatGPT extension for VSCode") Article Product Hunt · 4y ChatGPT extension for VSCode Scribe AI is a ChatGPT like extension for VS Code that serves as an AI programming assistant. It helps users understand and modify complex code, generate comments, and more. 95 11 20. 20 [](/posts/python-in-visual-studio-code-bk386gdch "Python in Visual Studio Code") Article Planet Python · 4y Python in Visual Studio Code The April 2023 release of the Python and Jupyter extensions for Visual Studio Code includes announcements, the availability of Data Wrangler for Visual Studio Code Insiders, move symbol refactoring with Pylance, the embedding of the Create Environment command in dependency files, the finalization of the Environments API for extension authors, and improvements to the Kernel Picker for Python Environments. 94 4 21. 21 [](/posts/getcursor-cursor-an-ai-powered-code-editor-based-on-vscode--vtzdgcleq "getcursor/cursor: An AI-powered code editor based on VSCode 🤖") Article Pointer · 4y getcursor/cursor: An AI-powered code editor based on VSCode 🤖 Cursor is an AI-powered code editor based on VSCode that has features like chat with a code bot, code editing with inline diffs, and auto-fixing linter errors. The long-term plan is to enhance Cursor with LLMs to perform tasks like repository healing, coding with pseudocode, and AI-written documentation embedding. The VSCodium-based version of Cursor is not currently open-source but may be in the future. 74 8 22. 22 [](/posts/visual-studio-code-day-2023-het8oscis "Visual Studio Code Day 2023") Article Visual Studio Code · 3y Visual Studio Code Day 2023 Visual Studio Code Day 2023: An event for an editor? April 13, 2023 by Burke Holland, @burkeholland VS Code Day is a one-day "Virtually Live" event. The event kicks off with "Inside VS Code: How we build and ship it" - a keynote from Microsoft Technical Fellow Erich Gamma. 63 7 23. 23 [](/posts/your-remote-coding-setup-0qgqqnghm "Your remote coding setup") Article RUBYLAND · 4y Your remote coding setup The way you shape your organization's coding sessions will determine the best tool you should use. Most of all, apart from an open-minded and relaxed attitude, you'll need good video and audio. 62 3 24. 24 [](/posts/continue---an-open-source-ai-software-development-assistant-bhmmyvbb8 "Continue - An Open-Source AI Software Development Assistant") Article Noted · 3y Continue - An Open-Source AI Software Development Assistant Continue is an open-source AI software development assistant that brings ChatGPT magic to popular coding tools like VS Code and JetBrains IDEs. It allows developers to seamlessly use large language models within their coding environment, generating, improving, and explaining code sections. Continue can be integrated with VS Code and JetBrains IDEs, providing a helpful assistant for coding projects. 56 1 25. 25 [](/posts/sprkl-more-than-a-vscode-extension-hjac7twbs "Sprkl — more than a VScode extension") Article ITNEXT · 4y Sprkl — more than a VScode extension Sprkl - more than a VScode extension Sprkl — has become more cool and powerful with its new features that we’re gonna discuss here. It’s a tool that gives us a personal and global view of our code coverage, code interactions and how they affect the rest of the application, and security warnings. 54 [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/2023#page","url":"https://daily.dev/tags/vscode/best-of/2023","name":"Best VSCode Posts of 2023","description":"The most upvoted VSCode posts of 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/vscode/best-of/2023#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/set-up-codegpt-in-visual-studio-code-qc8rvycet","name":"Set up CodeGPT in Visual Studio Code"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/how-to-become-a-10x-dev-6z5terkqv","name":"How to Become a 10x Dev"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/the-most-upvoted-visual-studio-code-feature-dkdoighky","name":"The Most Upvoted Visual Studio Code Feature"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/stop-being-a-jr-software-engineer-prime-reacts-l5b7jh5yb","name":"Stop Being A JR Software Engineer | Prime Reacts"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/vscode-profiles-optimize-your-coding-environment-s0tewvxqq","name":"VSCode Profiles: Optimize Your Coding Environment"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/debugging-node-js-the-right-way-34tud7rhi","name":"Debugging Node.js, The Right Way"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/modern-vs-code-extension-development-the-basics-bnnuz26tb","name":"Modern VS Code extension development: The basics"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/step-up-your-vscode-game-with-these-10-must-have-extensions-yjf-exrnn","name":"Step up Your VSCode Game With These 10 Must-Have Extensions"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/materialize-extension-for-vs-code-hzmdys8c5","name":"Materialize extension for VS Code"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/announcing-the-github-actions-extension-for-vs-code-o5iq99fqr","name":"Announcing the GitHub Actions extension for VS Code"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/how-to-code-faster---vs-code-edition-aff3pvl42","name":"How to code faster - VS Code edition"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/10-essential-vscode-extensions-for-newbie-web-developers-pll176on7","name":"10 Essential VSCode Extensions for Newbie Web Developers"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/introducing-figma-s-new-dev-mode-r9mpt344e","name":"Introducing Figma’s New Dev Mode"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/debug-a-react-app-with-visual-studio-code-wwhqbcjtm","name":"Debug a React app with Visual Studio Code"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/how-to-build-a-portfolio-site-with-sanity-and-next-js-w5tklxd9c","name":"How to Build a Portfolio Site with Sanity and Next.js"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/rubberduck---product-information-latest-updates-and-reviews-2024-7dn5chybl","name":"Rubberduck - Product Information, Latest Updates, and Reviews 2024"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/five-alternatives-to-github-copilot-gmvi47lbn","name":"Five Alternatives to GitHub Copilot"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/yoavbls-pretty-ts-errors-make-typescript-errors-prettier-and-human-readable-in-vscode--syw1arzwn","name":"yoavbls/pretty-ts-errors: 🔵 Make TypeScript errors prettier and human-readable in VSCode 🎀"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/chatgpt-extension-for-vscode-fopi4-hst","name":"ChatGPT extension for VSCode"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/python-in-visual-studio-code-bk386gdch","name":"Python in Visual Studio Code"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/getcursor-cursor-an-ai-powered-code-editor-based-on-vscode--vtzdgcleq","name":"getcursor/cursor: An AI-powered code editor based on VSCode 🤖"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/visual-studio-code-day-2023-het8oscis","name":"Visual Studio Code Day 2023"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/your-remote-coding-setup-0qgqqnghm","name":"Your remote coding setup"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/continue---an-open-source-ai-software-development-assistant-bhmmyvbb8","name":"Continue - An Open-Source AI Software Development Assistant"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/sprkl-more-than-a-vscode-extension-hjac7twbs","name":"Sprkl — more than a VScode extension"}]},{"@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":"2023"}]}]} ```