Install Node.js and Visual Studio Code (VSC)

Andrew Mead
A free video tutorial from Andrew Mead
A Full-stack Developer & Teacher
4.7 instructor rating • 4 courses • 346,567 students

Learn more from the full course

The Modern GraphQL Bootcamp (with Node.js and Apollo)

Learn how to build GraphQL applications using Node.js. Includes Prisma v1, authentication, Apollo Client, and more!

23:24:42 of on-demand video • Updated November 2020

  • Learn and master GraphQL by building real-world Node applications.
  • Use Prisma v1 to store and access data from a production database.
  • Use Apollo Client to communicate with GraphQL from your web app.
  • Learn how to deploy and test your GraphQL applications.
  • Test your skills and gain confidence by completing more than 80 coding challenges.
  • Get access to a free 110-page PDF guide with lecture notes, code samples, and documentation links.
English [Auto] Before we wrap up the section and dive into graphic you, well, there are two things we're going to have to have installed on our computers. The first is node gess, which you can find at no just dog sense knowing node is a prerequisite for this class. Hopefully you already have it installed on your computer. If you don't have node installed or you're using a much older version, just go ahead and grab vate of node or higher. You can grab the installer, run through it by clicking next a bunch of times and then you'll be all done. The exact version of node you use with this class does not matter. All of the graphical functionality that we're going to be exploring comes from specific NPM modules which will be installing later. We just need a semi modern version of node to get the environment up and running. Vate of node or greater is going to work perfectly fine. So the eight, nine, 10 or whatever else comes out in the future. So run through that installer, make sure you have node installed and if you do, we can move on to the second tool, which is going to be a text editor. As always, you are more than welcome to use whatever text editor you're comfortable with. If you're interested in following along and setting up your environment just like mine, I'm going to be using Visual Studio Code. You can find that over at Code Dot Visual Studio Dotcom. If you haven't used it before, I recommend giving it a shot. It's a fantastic editor that integrates really well with all sorts of environments, including graphical visual studio code is free, it's open source and it's available for all operating systems. So if you do want to use it, go ahead and grab the installer and get it installed. We're going to wrap up this video by going over the plugins I'll be using for VSC in this class. Now, some of these plugins will have replacements in other editors, but I can't guarantee that. So here's the plugin list I'm using for Visual Studio Code. I got about half a dozen or so that really come in handy. The first one, Babul S6 S7 just gives us support for all of those modern features like Arrow functions and async await the next plug in beautify allows us to format our code on the fly. After that we have Docker, which is going to come in handy later in the course when we worry about deploying our applications. After that, I have duplicate action. This is a simple one that allows me to right click files or folders to duplicate them inside of the file tree. After that I have Grauwe QoL for Visual Studio Code. I definitely recommend installing this one and it's going to give us syntax highlighting for the graphical code that we're going to be writing very soon after that. I have NPM and NPM Intellisense, which just give me better support when working with NPM modules, something we will be doing in this class. Then I have sublime text key map. I use that because I really fell in love with these sublime text keyboard shortcuts. I had a really hard time switching to some of the visual studio code defaults. This one, like all of these, is completely optional. But if you do like the sublime text keyboard shortcuts, it's a great tool. Last up word count just counts the words in a markdown file. Nothing fancy there. So these are all the plug ins I'll be using throughout the class. If you have note installed and a text editor installed, you are ready to dive in to the next section where we're actually going to start learning about graphics. Well, I am super excited to get to it, so stay tuned and I will see you then.