Best of VSCode — 2024

  1. 1
    Article
    Avatar of itsfossIt'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.

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    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.

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

  4. 4
    Article
    Avatar of asayerasayer·1y

    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.

  5. 5
    Article
    Avatar of communityCommunity Picks·1y

    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.

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

  7. 7
    Article
    Avatar of devtoDEV·2y

    My VSCode Config

    A developer shares their VSCode configurations and extensions, including tips for better development experience.

  8. 8
    Video
    Avatar of codestackrcodeSTACKr·2y

    This VS Code AI Coding Assistant Is A Game Changer!

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

  10. 10
    Article
    Avatar of medium_jsMedium·2y

    VScode Extensions for Documentation

    This post reviews the author's favorite VScode extensions for documentation, including Quarto, Jupyter, and Markdown All in One.

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

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

  13. 13
    Article
    Avatar of logrocketLogRocket·1y

    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.

  14. 14
    Article
    Avatar of mlnewsMachine Learning News·2y

    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.

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

  16. 16
    Article
    Avatar of communityCommunity Picks·2y

    Shiki

    Accurate & Beautiful. TextMate grammar powered, same engine as your VS Code. Improves with VS Code.

  17. 17
    Video
    Avatar of wdsWeb 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.

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

  19. 19
    Article
    Avatar of devtoDEV·2y

    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.

  20. 20
    Video
    Avatar of vscodeVisual Studio Code·1y

    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.

  21. 21
    Article
    Avatar of trunkioTrunk.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.

  22. 22
    Video
    Avatar of fireshipFireship·2y

    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.

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

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

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