Visual Studio Code
Visual Studio Code
  • Видео 944
  • Просмотров 65 529 852
The ULTIMATE VS Code Setup for ReactJS
Dive into the ultimate VS Code setup for React development - extensions, editor settings, keyboard shortcuts, tips and tricks - this is the setup that you're looking for. And you can install it with a single click.
00:00 - Intro
00:37 - Creating the Ultimate React Profile
01:22 - Installing and using React Snippets
03:04 - Emmet
06:02 - Formatting
08:10 - ESLint
08:54 - Inlay Hints
10:01 - Pretty TypeScript Errors
10:36 - Indent Rainbow
11:26 - Tips for working with Tailwind CSS
13:10 - Template String Converter
14:09 - GitHub Copilot 💘 React
14:57 - GitHub Issues and Pull Requests
15:23 - Open in GitHub
15:59 - import the Ultimate React Profile
#reactjs #vscode #javascript
Просмотров: 5 443

Видео

Building your own GitHub Copilot chat participant in VS Code
Просмотров 4,7 тыс.День назад
Learn how to create a GitHub Copilot chat participant that integrates with a SQL database in this live demo where Joyce from the VS Code team builds up an extension from scratch. And live codes some regex. 😱 00:00 - Introduction 00:33 - Setting up the VS Code extension and dependencies 01:15 - Coding the chat participant 02:25 - Handling user requests and integrating language models 03:50 - Han...
Master VS Code's keyboard shortcuts in 13 minutes
Просмотров 46 тыс.День назад
Breaking the mouse habit can be difficult, but starting slow with a few key shortcuts will build the practice. Chapters: 00:00 - Introduction to the video and its purpose 00:40 - Simple practice to find shortcuts (using a shortcut!) 01:19 - Navigating 03:47 - Selecting and Commenting 06:59 - Using the terminal 11:18 - Make Resources: 1️⃣ Subscribe to the GitHub Insider Newsletter! aka.ms/github...
C# Project and Package Management in VS Code - Everything you need to know!
Просмотров 4,6 тыс.14 дней назад
The C# Dev Kit extension is the best way to get started developing C# applications in Visual Studio Code. In this video, we showcase the two C# Dev Kit features sets you need to know about to be productive and successful with this tool: project management and package management. The new C# Dev Kit extension contains a new view in the Primary Sidebar, the Solution Explorer. This view provides a ...
Essential AI prompts for developers
Просмотров 47 тыс.21 день назад
Essential AI prompts for developers
Getting Started with Debugging in VS Code (Official Beginner Guide)
Просмотров 18 тыс.Месяц назад
Getting Started with Debugging in VS Code (Official Beginner Guide)
Multi-Cursor Magic #marathon
Просмотров 7 тыс.Месяц назад
Multi-Cursor Magic #marathon
Ask your database to query itself
Просмотров 7 тыс.Месяц назад
Ask your database to query itself
Getting Started with C# & .NET in VS Code (Official Beginner Guide)
Просмотров 19 тыс.Месяц назад
Getting Started with C# & .NET in VS Code (Official Beginner Guide)
Aw, CRUD: Building a Django app with persistent storage
Просмотров 2,5 тыс.Месяц назад
Aw, CRUD: Building a Django app with persistent storage
Asking Copilot about your workspace
Просмотров 6 тыс.2 месяца назад
Asking Copilot about your workspace
AI Made Clear: Practical AI Coding Sessions in VS Code
Просмотров 3,5 тыс.2 месяца назад
AI Made Clear: Practical AI Coding Sessions in VS Code
LangChain Examples with Azure OpenAI Service + VS Code
Просмотров 5 тыс.2 месяца назад
LangChain Examples with Azure OpenAI Service VS Code
Beyond the Editor: Tips to get the Most out of GitHub Copilot
Просмотров 5 тыс.2 месяца назад
Beyond the Editor: Tips to get the Most out of GitHub Copilot
Top 5 Serious Time Savers in VS Code #marathon
Просмотров 18 тыс.2 месяца назад
Top 5 Serious Time Savers in VS Code #marathon
Building a RAG-powered AI chat app with Python and VS Code
Просмотров 6 тыс.2 месяца назад
Building a RAG-powered AI chat app with Python and VS Code
Real World Development with VS Code and C#
Просмотров 4,3 тыс.2 месяца назад
Real World Development with VS Code and C#
Generating Synthetic Datasets with GitHub Copilot
Просмотров 4,6 тыс.2 месяца назад
Generating Synthetic Datasets with GitHub Copilot
Mastering your data with Data Wrangler in VS Code
Просмотров 19 тыс.2 месяца назад
Mastering your data with Data Wrangler in VS Code
Keynote: View Source: What gets into VS Code and why
Просмотров 1,4 тыс.2 месяца назад
Keynote: View Source: What gets into VS Code and why
Can you identify which jokes were written by AI? | VS Code Day 2024
Просмотров 1,9 тыс.3 месяца назад
Can you identify which jokes were written by AI? | VS Code Day 2024
Python in VS Code - Release News v1.88
Просмотров 12 тыс.3 месяца назад
Python in VS Code - Release News v1.88
Shocking VS Code Disclaimers in Ad...| VS Code Day 2024
Просмотров 2,4 тыс.3 месяца назад
Shocking VS Code Disclaimers in Ad...| VS Code Day 2024
What's New with C++ in VS Code | VS Code Day 2024
Просмотров 4,8 тыс.3 месяца назад
What's New with C in VS Code | VS Code Day 2024
Build games with GitHub Copilot | VS Code Day 2024
Просмотров 4,2 тыс.3 месяца назад
Build games with GitHub Copilot | VS Code Day 2024
C++ in VS Code: Building your Code with CMake
Просмотров 24 тыс.3 месяца назад
C in VS Code: Building your Code with CMake
1.88 GitHub Copilot Release Highlights
Просмотров 22 тыс.3 месяца назад
1.88 GitHub Copilot Release Highlights
Easy web deployment with GitHub Copilot
Просмотров 10 тыс.3 месяца назад
Easy web deployment with GitHub Copilot
GitHub Copilot's @Workspace - Deep Dive
Просмотров 11 тыс.4 месяца назад
GitHub Copilot's @Workspace - Deep Dive
VS Code Day 2024 Promo
Просмотров 16 тыс.4 месяца назад
VS Code Day 2024 Promo

Комментарии

  • @AbdulMoiz-y2n
    @AbdulMoiz-y2n 11 часов назад

    Is this course for beginners for python learners or intermediate or advanced

  • @shubhamtarade
    @shubhamtarade 13 часов назад

    thanks man, this is gem of a content

  • @ruanxun9454
    @ruanxun9454 13 часов назад

    I have a question, if I am using global import alias @ in NextJS, and I changed the file name that I imported, VS Code cannot update all the occurrences where I imported that file. On the other hand, Webstorm does a good job on this. Anyone has solutions?

  • @fritzjimenez9109
    @fritzjimenez9109 13 часов назад

    Is it Cascadia Code or Mono font? :D

  • @lakshyaagrawal845
    @lakshyaagrawal845 13 часов назад

    Damnnn

  • @kiesun3276
    @kiesun3276 14 часов назад

    where is the release party for 1.90, 1.91 and 1.92?

  • @kmunson007
    @kmunson007 16 часов назад

    Fantastic video! Straight to the point. I hit that Subscribe button in one second! I don't want to know every single thing that Copilot can do, just the super useful stuff. And, not to be too harsh, but I don't need a long intro with jokes and a 20 second intro with music and flashy images. I need this!!!

  • @zulucharlie5244
    @zulucharlie5244 17 часов назад

    Great brief intro video. Thank you.

  • @osorito100
    @osorito100 18 часов назад

    Great video. Works great if your docker runs in your local pc. If you install the docker daemon in a remote server and work with remote ssh you can't switch to another container. In both cases if you run your back end and switch to the front end the back end stops listening to requests.

  • @DaveParr
    @DaveParr 18 часов назад

    Nice to see you hyping a community project, but the Microsoft published data wrangler extension crushes this one.

  • @WhyOhWhy123
    @WhyOhWhy123 19 часов назад

    Yes, love it

  • @bilalazhar4495
    @bilalazhar4495 21 час назад

    They are telling you to use neovim simply and stop using the clunkly editor THANKS

  • @AbhishekTiwari-xt1kt
    @AbhishekTiwari-xt1kt 22 часа назад

    Collapse it create new tag, uncollapse

  • @alexkhonko4115
    @alexkhonko4115 День назад

    why do i need this, if i have already configured docker? i mean - in big team, we have a docker i run it, all my colleagues run it. All of us have the same environment because we up it from the same config thats how we can both use and run the same stuff looks like useless toy. Maybe there is a good articles about it?

  • @sk8erdude88
    @sk8erdude88 День назад

    This sounds like Rob Conery.

    • @code
      @code 22 часа назад

      Indeed!

  • @petecapecod
    @petecapecod День назад

    You made that CSV go from oh no to ohh yeah 🎉

  • @AxelXeron
    @AxelXeron День назад

    This might be the most useful information I've ever got from a RUclips short. I'm sharing this with my team on our training call today. 🙂

  • @creative_web-7
    @creative_web-7 День назад

    it's the most shortcut i use even in my other code editors i make this shortcut on them

  • @spartanturtle590
    @spartanturtle590 День назад

    Literally made my day. I needed this in my dev life

  • @user-jw4ee1xr3n
    @user-jw4ee1xr3n День назад

    🤓 #First

  • @blender_wiki
    @blender_wiki День назад

    🔥🔥🔥

  • @besufkadmenji
    @besufkadmenji День назад

    I think this is a one-of-a-kind video! 🚀🔥

  • @Gloubichou
    @Gloubichou День назад

    Thank you for this tip. The default behaviour is quite horrendous

  • @Neoncoder
    @Neoncoder День назад

    kado samjh nai aya

  • @stevereid636
    @stevereid636 День назад

    I’m running 1.92 on Mac and it doesn’t show me “BaseTheme” as an option and it seems to be buggy as hell!?!

  • @gdm_music
    @gdm_music День назад

    Experimentalist use UnoCSS

  • @AslamNazeerShaikh
    @AslamNazeerShaikh День назад

    Make a video for Angular ❤

  • @fetrahbtsarmy5828
    @fetrahbtsarmy5828 День назад

    Div{ Display:grid; Place-items:center; }

  • @gedtoon6451
    @gedtoon6451 День назад

    I have my VS Code set up with python. I am using the 'Code Runner' extension to allow me to run my scripts by clicking on the 'play' icon at the top right of the window. I have configured the IDE to run scripts in the terminal. There is a drop down next to the play button and if I choose 'Run Python File' , output in the terminal looks correct. If I choose 'Run Code' I get lots of erroneous blank lines printed with output. Does anyone else get this? Does anyone have a fix?

  • @gedtoon6451
    @gedtoon6451 День назад

    I have my VS Code set up with python. I am using the 'Code Runner' extension to allow me to run my scripts by clicking on the 'play' icon at the top right of the window. I have configured the IDE to run scripts in the terminal. There is a drop down next to the play button and if I choose 'Run Python File' , output on the terminal looks correct. If I choose 'Run Code' I get lots of erroneous blank lines printed with output. Does anyone else get this? Does anyone have a fix?

  • @gedtoon6451
    @gedtoon6451 День назад

    I have my VS Code set up with python. I am using the 'Code Runner' extension to allow me to run my scripts by clicking on the 'play' icon at the top right of the window. I have configured the IDE to run scripts in the terminal. There is a drop down next to the play button and if I choose 'Run Python File' , output of the terminal looks correct. If I choose 'Run Code' I get lots of erroneous blank lines printed with output. Does anyone else get this? Does anyone have a fix?

  • @alawy5551
    @alawy5551 День назад

    I do Ctrl + x for the both line 😅

  • @EzekielAkinfenwa
    @EzekielAkinfenwa День назад

    Right when I wanted to start learning react Thanks Vs code Your videos always help... always

  • @punstress
    @punstress День назад

    Why is he talking as if we can see what he's doing? I'm not an ant.

  • @calebuwemmmm
    @calebuwemmmm День назад

    How do you get the bracket colorization have been trying to get something like that😢

  • @mohamedelsherbiny689
    @mohamedelsherbiny689 День назад

    Thank you for your amazing description of those extensions usage from day one of programming. I have been watching and following all the tips and tricks that evolved my writing code over time. Thanks again for your effort and keep going.

  • @TheInfamousButt
    @TheInfamousButt День назад

    Command+x. No shift required

  • @burtonrodman
    @burtonrodman День назад

    while it’s not technically “delete” , the cut shortcut (Ctrl+X) when there is no selection deletes (ie cuts) the whole line at the cursor position.

  • @AyushSingh-yq4so
    @AyushSingh-yq4so День назад

    Please do one for Python/Django as well. Please

  • @FrankCassle
    @FrankCassle День назад

    Part 2... for rust lang using rust analyzer LDpmm

  • @FrankCassle
    @FrankCassle День назад

    Part 2 ... Pajalsta bratan.

  • @kresuu3567
    @kresuu3567 День назад

    Thank you, I am now a professional rapper

  • @cb73
    @cb73 День назад

    Lately I’ve been getting aggravated by all the mouse over code popups and they constantly get in the way. I think they are informative and helpful but if I could control the delay like say 3 seconds before it’s shown, that would help a lot. Any suggestions?

    • @stevereid636
      @stevereid636 День назад

      I had the same issue and fixed it in the settings. It was over a year ago, so I can’t remember the exact steps, but it can be changed.

    • @code
      @code День назад

      Settings / Editor: Quick Suggestions Delay

  • @user-fg4xq7le7r
    @user-fg4xq7le7r День назад

    very annoying tool

  • @r-i-ch
    @r-i-ch День назад

    Make your own snippets!

  • @georgehammond867
    @georgehammond867 День назад

    Can you do this with the default gitpilot AI ?

    • @Naej7
      @Naej7 День назад

      GitPilot ?

  • @climber-fd1ww
    @climber-fd1ww День назад

    Please do it for python

  • @hofimastah
    @hofimastah День назад

    I would add turbo console log 😉

    • @artemsapegin
      @artemsapegin День назад

      Or Emoji Console Log 🦆

    • @code
      @code День назад

      Good one!

  • @lalvar
    @lalvar День назад

    Nice video. Also a suggestion, there is built in way to save without formatting, and you can bind it to your desire keys I bind it to ctrl+alt+s.

    • @code
      @code День назад

      Great tip!

  • @late_arvie
    @late_arvie День назад

    This was VERY useful. As a beginner - it was cool to see what pros do to save time. Maybe one day I'll get to that level too.

    • @code
      @code День назад

      You'll get there! We all start somewhere. Welcome to the world of React!