Cursor AI Tutorial for Beginners (No coding experience required)

Nic Conley · Beginner ·💻 AI-Assisted Coding ·1y ago

Key Takeaways

The video tutorial demonstrates how to use Cursor AI to create applications and games without coding experience, utilizing tools like Node.js, npm, and React. It showcases the ability to turn plain text into code and applications using Cursor AI.

Full Transcript

I have no idea how to code never have and probably never will so when I heard about cursor being able to turn plain text and instructions into Apps and basically make anyone a software engineer I got pretty excited until I actually pulled it up and tried to use it and found out it's not quite that simple sure it could turn plain text and instructions into code and applications but if you have zero experience writing code like me there's still a lot to learn so I spent the last few hours reading through forums watching a bunch of YouTube videos going through a bunch of trial and error until I was fin able to make my first application using cursor so in this video I'll walk through how you can go from complete beginner having never written a line of code in your life to making your first running application using cursor and I'll do it all in about 10 minutes but just be warned if you have any coding experience or previous knowledge this video is not for you this is just the basics nothing more and lastly a big shout out to Corbin Brown his cursor tutorials are awesome and if you want to learn any more advanced features or things you can do with cursor after this video I highly recommend checking out his videos and I'll link them below okay now let's actually jump into it okay so the first thing you're going to want to do is actually download cursor so you're just going to go to cursor. comom you can download for free the actual download process is pretty self-explanatory you just choose your language in English download it and once it's actually downloaded this is the screen that should pop up this is the cursor application and over on the side here you should see cursor tutor should go into projects JavaScript SRC index.js so this is is actually where we're going to write most of our code here and one other thing before we actually jump in be sure to download nodejs before I made this mistake the first time I could not figure out what was going wrong so you're just going to go to nodejs.org you'll download node.js it's totally free but you're going to need this in order to run the JavaScript so I'll link it below but make sure you have this downloaded before you start trying to run the applications okay so in this actual code editor now you probably know what I'm talking about if you're a complete beginner like me and have never written a line of code this looks like a foreign language like to me I have no idea what any of this means I know H1 is just heading one and hello world but other than that like this is a completely different language that I don't understand but bear with me because it's all going to come together eventually the next thing that we're going to do here is actually pull up our terminal so I'll just go ahead and search terminal so now I have my terminal and cursor pulled up here so the first thing that we're going to do is we're going to come over to to the terminal here and in our terminal we're going to type npm space I enter this is going to run a bunch of stuff again no idea really what any of this means but you have to do that so do that first next you're going to type PWD this is going to show where the code is actually stored at so users dasn Conley is what mine's going to be next you're going to paste in and all of this will be in the description below but you're going to paste in CD space users and then this is going to be whatever yours is right here I have users dnit Conley this is going to be whatever comes up for you so you're going to input that for yours and then cursor tutor projects JavaScript once we have all that we'll go ahead and hit enter now it should say this so it should say your username JavaScript percent this is where we're going to type in npm install react scripts again I'll link the below you're just going to paste this in it's going to load here for a little while so just give it a second now that's all loaded lastly we're just going to paste in PX react scripts start once we actually run this is essentially going to be talking to all of this code we see over here in cursor and it's going to pull up a local host and the Local Host is basically going to show us the interface of our app so it's not going to be live on the Internet it's only hosted on your computer but once we actually click this we are talking to cursor and we are creating the app on this you can see it says hello world so if we hit enter and everything works correctly it should pull up a local host where we have a web page that says hello world in an H1 header let's go ahead and click enter boom there it is so as you can see we're live everything that is on this so if we say hello world- Nick we go ahead and click command s because that's going to click and save you can see it ran through here if we go back we can see Nick here so we are literally communicating with this web page right here with code we're all synced up and now we can actually do the fun stuff so you're going to select all of this and then you're going to hit command K so when you hit command K this is going to allow us to actually give it instructions in plain English that actually I can understand and I can write not code so the first thing I want to try here is I'm going to ask it to put a button on the page that says click me every time someone clicks on the button it's going to disappear and reappear somewhere else on the page I know it's a stupid game but it just is going to show what it can do here and we're going to start simple please clear everything on this page and put one button on the page that says click me when someone clicks on the button make it disappear and pop up somewhere else on the page it should continue to do this forever submit edit and watch it right okay so it wrote all this new code you can see the red areas is the part that it's basically saying or suggesting that we should delete so if we're okay with this and of course I'm okay with it I have no idea what any of it means I'm going to say accept here and then I'll go ahead and hit command s so that we save just ran compiled with warnings uh-oh that's not good say command s again and let's go see what our page has okay so it says click me here it has a button let's see what happens when I click it boom boom boom so it worked it worked that's pretty cool we literally just told it to make an application for us granted pretty simple application I don't know what you do with this application but we made code into a real button and a real web page now let's try something a little bit more complicated so again I'm going to highlight all of this code here once it's all highlighted I'm going to say command K and then this time I'm going to say please clear out everything on the page and make a game in an in 8bit code that has a single large Block in the middle of the screen every time I hit space bar make it jump and then return to the floor let's see this is happening live I've never done this so let's see lots of code except this don't look right that ain't right okay command K we're starting fresh please clear out everything on the page and make a game in 8bit code that has a large Block in the middle of the screen I'm going to take out block actually I'm going to say a large Square in the middle of the screen when I hit space bar please make it jump and please make let's see here please make the block jump and then return to the ground generate okay okay come on please work please work says successful let's see okay okay we're cooking look at that space it worked it worked it worked baby okay so there you have it we just went from complete beginners with no no experience in coding as you can see I still really don't have any experience in coding and we built an application that actually works with cursor and I know this is extremely basic these apps basically don't do anything and can't really be used for much but that's the whole point of this this is not some Advanced tutorial if you want an advanced tutorial go check out Corbin Brown this is for all of us beginners that literally have never written a line of code and just want to see how this actually works if you like this please drop a comment if you want to see me make a video on something else and do me a faor hit subscribe and peace

Original Description

Check out my newest video - https://youtu.be/CSuMA_QSEGg?si=UJY8BQ4USuosSF_f ...
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

This video tutorial teaches beginners how to use Cursor AI to create applications and games without coding experience. It covers the basics of Node.js, npm, and React, and demonstrates how to use plain English to give instructions to Cursor AI. By following the steps in this tutorial, viewers can learn how to create interactive applications and games using Cursor AI.

Key Takeaways
  1. Download and install Node.js
  2. Download and install Cursor
  3. Open the terminal
  4. Type npm in the terminal
  5. Type PWD in the terminal
  6. Highlight code and click Command K to give instructions
  7. Type 'please clear everything on the page' to reset the application
  8. Type 'make a game in 8-bit code' to create a game with a square that jumps on space bar press
  9. Build an application with Cursor AI
  10. Make the square jump when the space bar is pressed
💡 Cursor AI allows users to create applications and games using plain English instructions, making it accessible to those without coding experience.

Related Reads

Up next
How to Create Presentations in Microsoft Cowork (Copilot) with Templafy MCP
Templafy
Watch →