Best of VSCode2023

  1. 1
    Article
    Avatar of asayerasayer·3y

    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.

  2. 2
    Article
    Avatar of devtoDEV·2y

    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.

  3. 3
    Article
    Avatar of tilThis is Learning·2y

    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.

  4. 4
    Article
    Avatar of communityCommunity Picks·3y

    Stop Being A JR Software Engineer | Prime Reacts

  5. 5
    Article
    Avatar of headwayHeadway·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.

  6. 6
    Article
    Avatar of builderiobuilder.io·3y

    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.

  7. 7
    Article
    Avatar of snykSnyk·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.

  8. 8
    Article
    Avatar of communityCommunity Picks·3y

    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.

  9. 9
    Article
    Avatar of materializeMaterialize·2y

    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.

  10. 10
    Article
    Avatar of ghblogGitHub Blog·3y

    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.

  11. 11
    Article
    Avatar of devtoDEV·2y

    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.

  12. 12
    Article
    Avatar of ossphsOSSPH·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.

  13. 13
    Article
    Avatar of communityCommunity 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.

  14. 14
    Article
    Avatar of tilThis is Learning·2y

    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.

  15. 15
    Article
    Avatar of freecodecampfreeCodeCamp·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.

  16. 16
    Article
    Avatar of phProduct Hunt·3y

    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.

  17. 17
    Article
    Avatar of asayerasayer·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.

  18. 18
    Article
    Avatar of pointerPointer·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'.

  19. 19
    Article
    Avatar of phProduct Hunt·3y

    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.

  20. 20
    Article
    Avatar of planetpythonPlanet Python·3y

    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.

  21. 21
    Article
    Avatar of pointerPointer·3y

    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.

  22. 22
    Article
    Avatar of vscodeVisual 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.

  23. 23
    Article
    Avatar of rubylaRUBYLAND·3y

    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.

  24. 24
    Article
    Avatar of notedNoted·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.

  25. 25
    Article
    Avatar of itnextITNEXT·3y

    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.