Если вы еще не установили vue cli, вы можете легко установить его, запустив следующую командную строку.

npm install -g @vue/cli

затем вы можете запустить следующие команды, чтобы создать новый проект.

vue create <your_app_name>
  • выбрать вручную выбрать вариант функции
  • добавить прогрессивную поддержку веб-приложений
  • только предотвращение ошибок lint
  • нет необходимости сохранять настройки

перейдите в каталог вашего приложения и добавьте библиотеку vuetify, выполнив следующую команду.

cd <app_name>
 vue add vuetify

vuetify — это библиотека стилей для vue js. Затем вы можете запустить vs code, если вы уже установили его, с помощью следующей команды.

code ../

Теперь мы можем протестировать наше приложение. открыть терминал в коде vs. затем выполните следующие команды.

npm run serve

тогда ваше приложение будет работать по следующему URL-адресу

http://localhost:8080

Проект очистки

если вы еще не установили расширения в коде vs, вы можете установить пакет расширений с именем

Vue vs code Extension Pack

вы можете удалить HelloWorld.vue

затем вы можете очистить все коды в App.vue и разместить такой код

<template>
 <v-app></v-app>
</template>
<script>
export default {
 name: ‘App’,
components: {
 },
data: () => ({
 //
 }),
};
</script>

Теперь вы видите пустую страницу и можете начать свой проект по своему желанию.