Если вы еще не установили 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>
Теперь вы видите пустую страницу и можете начать свой проект по своему желанию.