Name: 10 Visual Studioのコード拡張機能をインストールする必要があります (10 Must Install Visual Studio Code Extensions)
Uploaded: 2021-01-14T10:22:07.000Z
Duration: 13 min 40 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

how everybody Kyle here from Web Death simplified.

We make the wet easy to understand and accessible for everyone.

I'm going to be following up on my previous top 10 visuals to your code extensions video and making his second part right go over all the extensions that you guys recommended to the comments down below that I really liked, as well as new extensions that I've found since I made that original video.

So if you haven't seen that first video, make sure you go check that out.

The first extension that I want to talk about is set in sync.

Sudden Sink is an extension that saves your visual studio code settings, extensions, preferences essentially everything about your visual studio code environment.

It saves it and posted on Get Hub inside of a just on your account, and it's really easy to set up.

If we scroll down here, all you need to do is hit the upload key, which is shipped all of you.

She thought you and that will open up your good help Paige, and it will ask you to create a new personal token.

She just generated token and turn your password here.

And from here, you just put a description of what the token is.

So in my case, I'll just call it settings, I think.

And what you need to do is you need to make sure you check this just boxes that it can create a just with all of your studies in it.

You take the token that it gives you click the coffee button, and then you could just close out of your browser here and up top.

It says to enter your personal access token.

So all you need to do is paste in that token that you just copied it.

Enter and then it'll upload all of your settings.

We got a message saying that Coach settings have instinct, uploaded it to this just right here, and it shows us all the different extensions that added files uploaded, things that it removed and everything that had changed since the last time.

And if you want a download settings, all you do is hit shift all deep, and it'll download the settings for you.

This extension is absolutely amazing for anyone that has multiple different computers like, for example, work computer and your personal computer that you want to sink your studies and extensions to.

In my case, I use it for my work computer as well as my personal computer.

And I also used to sink my studies that I used for recording so that I can use my recording sentence, my record, and then I can shift over and use my non recording studies when I'm not recording.

The next extension I want to talk about is a super simple but incredibly useful extension, which allows you to view SPG files as an actual image as opposed to just SPG text.

So, for example, I have this video logo spg file, and when I open up, all I see is the actual SPG, which doesn't tell me what this actual file looks like when I want to render it instead of a browser or anywhere else.

And in order to view this with this extension, all I need to do is right.

Click click spg fewer of US BG file, and it'll pop up with the actual SPG file looks like inside of a browser, for example, you can configure the settings on this so that you could make it so this proper window will automatically be opened as soon as you open any SPG file, which is what I normally do when I'm using this extension.

When using SPG files load in images, which is a very common thing nowadays for Web development.

The next extension I want to talk about his rest.

Client Rest client is an absolutely massive extension that includes tons of support for sending request to any rest A p I out there.

It is absolutely amazing and works very similarly to postman if you've ever used post pain before.

The benefit of using rest Client over postman, though, is that postman is external to your editor while rest client is built into your actual editor, which makes it so that you only need one application open in order to send these rest request.

Let's look at the example of what this could do.

I have over here a dot rest file so you can use a dot rest or dot http file.

And this is where you can put your different rest request in my face.

I just have a simple get request to this.

Oh, and you could do any form of format that you want.

You could use a standard formatting request somewhere how postman does it.

So if you just click the center plus button that comes right above it, it'll send a request to the A P I.

And it'll give you the response over here with all of the different headers as well as the actual body of the response that you want it, which is perfect.

If you wanted to have more than one file inside of here.

Morning, request inside of this file, just separated by three hashtags.

Unless I just wanted to get all users instead of one user.

And now I get a request with all the users inside it.

And if you look here the actual documentation, as you see, there is tons that you could do instead of here.

And I can't cover all of it in this video.

But if you've used Postman and enjoyed it or you've built any rest a P I ever I would highly recommend down the rest client, because there is so much easier to use than Postman says.

It's built into the client, and you can even save these files and share them with your teammates uploaded to get hub or wherever you want to do with these files.

Since it's just a file inside your editor, which is much easier than a file that you save from Postman, for example, the next extension I want to talk about pairs perfectly with the rest Client extension we just talked about and that is pace.

It works exactly as you would expect, and it takes Jason and allows you to paste it as code in various different programming languages.

In our case, I'm going to be pasting this into a typescript file.

So on the left here I have this user dot t s file for a user object that you can see we have generated over here with our previous extension.

So all I need to do is highlight this and copy this user object and I go into my user dot t s file hit control shift key to pull up my commander.

And you see, I have paced Jason as code as one of my recently used.

I can enter the top level name of my file.

So in this case, we have a user objects I'll put User, I hit enter and it generates all the code and all the types dynamically based on the information from the Jason.

And this company has been created as its own company Object down here, as you can see, same with our address has been created into its own object.

And you could do tons of different languages other than just high spirits.

For example, if we want to do see sure we had a user c sharp Claris, we come in here.

We did the same exact thing pays trace on his code.

And if we go now, we have a C start version of this file and has all the different imports all different properties that we need.

Forgetting general boilerplate code assembled for a p I that you're consuming or that you're even creating yourself.

If you want a credit client for it, it's not 100% perfect because it just takes the names from the actual Jason.

But it is an amazing start into what you need to create an actual client for your a p I.

The next extension I want to talk about has a deceptively long name, but it's incredibly simple.

What it does is the E s seven react re ducks graphic.

And essentially all this extension is is a collection of a ton of different snippets for all those different frameworks and languages talked about above.

And I use this in any reactor project that I have.

For example, one of the snipers they use most often is what I'm creating a new reactor components.

So what's created new component here and inside of here?

If I wanted to create a class component with proper types, all I would do is type in our CCTV, which stands for react class component, proper types.

If I enter it generates all the information I need.

It generates the name of the class from the actual file that I created.

It sets me up with proper types, imports everything that I need and gives me a basic render statement that I can use inside of here wanted a functional component.

Instead, I could do R F C P and really give me the exact same thing, but with a functional component instead of a class.

As you can see from here, just anything that you could think of related to react.

字幕リスト動画再生

10 Visual Studioのコード拡張機能をインストールする必要があります (10 Must Install Visual Studio Code Extensions)

essentially

absolutely

incredibly

determine