All language subtitles for 002 Create a Vue Project_en

Let's jump back to The View Docs page and create our first View three projects with FT with the latest

build tool.

So to create a new project, we can just run this command in our terminal.

I'll just zoom in a bit.

So NPM in it view latest.

So I'm going to copy this and jump to V code to the terminal.

And again, we can toggle that with command and back tick and going to pace that command in and launch

it.

And by the way, you want to make sure you're in the fold the way you store your projects.

We need to install this great view latest package.

So I'll just type in why to allow that.

And it's going to ask us for some options here for the project name, which will also be the folder

name.

I'm going to use view dash composition, dash API, dash basics because we are going to be using this

app to learn all of the basics of V3 and the composition API.

I'm going to choose no to TypeScript.

No to Gsx support.

I'm going to choose yes to add Vue router to our app later on in the course.

When we create our course app note bubbles, we're going to be choosing no to this option, and I'm

actually going to show you how to install the router manually from scratch.

But for simplicity, while we're learning the basics, choose yes and get the build tool to do this

for us automatically.

And again for Pernilla, I'm going to choose.

Yes.

Although later on in the course I am going to show you how to add Peneha to a view three project manually.

When I choose no to v test, no to Cyprus and no to is lent.

You might want to consider using Iceland in your own projects, but for simplicity I'm going to choose

now just for the purposes of this course, so that you don't get loads of annoying lensing errors.

But if you really want to choose, yes, then you can do.

But I'm going to choose.

No, I'm not finished.

You can see it scaffolded.

Our project super quickly on it tells us how to get started.

We need to seed into the folder it created.

Run npm install to install the dependencies.

I run npm run dev to launch the app in the browser.

So I'm just going to jump over to Finder and I can see the folder it's created here.

So when to track that into vs code?

Open up the terminal again and roll ampm installed to install the dependencies.

That's finished and we can launch the app with AMPM Run Dev.

You can see this URL here.

We command and click on that.

We can now see the basic view three and it starts up running in the browser.