Creating An Application

Learn how to create a new Vue.js application from scratch. This guide covers the basic steps to get your first Vue app running, as well as tips for project structure and best practices.

Prerequisites

Node.js and npm installed

You can check your versions with:

node -v
npm -v

Steps

Install Vue CLI:
Terminal window
```
npm install -g @vue/cli
```
Create a new project:
Terminal window
```
vue create my-vue-app
```
Change directory and start the dev server:
Terminal window
```
cd my-vue-app
npm run serve
```

Your Vue app is now running locally!

Project Structure

After creation, your project will look like this:

my-vue-app/
â”œâ”€â”€ node_modules/
â”œâ”€â”€ public/
â”œâ”€â”€ src/
â”‚   â”œâ”€â”€ assets/
â”‚   â”œâ”€â”€ components/
â”‚   â”œâ”€â”€ App.vue
â”‚   â””â”€â”€ main.js
â”œâ”€â”€ package.json
â””â”€â”€ README.md

src/ contains your application code.
public/ contains static assets.
App.vue is the root component.
main.js is the entry point.

Best Practices

Use meaningful component names.
Keep components small and focused.
Organize files by feature or domain.
Use version control (e.g., Git) from the start.

Next Steps

Explore the src/components folder and create your first component.
Learn about Vue Router and State Management for larger apps.