> For AI agents: the complete documentation index is available at https://nhanbe.id.vn/llms.txt, the full documentation bundle is available at https://nhanbe.id.vn/llms-full.txt.

# Installation

## create vite

### Vue cli

Vue 2.7

```bash
npm install -g @vue/cli
```

- create vue project

```bash
vue create vue2-learning
```

### Vite

```bash
 npm create vite@latest my-app -- --template vue
```

## main.js

```js
import Vue from 'vue'

import App from './App.vue'

new Vue({
    render: h => h(App),
}).$mount("#app")
```

- `package.json`

```json
{
  "name": "my-app",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "vue": "^2.7.16"
  },
  "devDependencies": {
    "@vitejs/plugin-vue2": "^2.2.6",
    "vite": "^4.5.0"
  }
}
```

```js file:main.js
import Vue from 'vue'
import App from './App.vue'

new Vue({
  render: h => h(App),
}).$mount('#app')
```

- install

```bash
npm install --legacy-peer-deps
```