Vuetify - это Material Design Component Framework.
По сути это уже готовый конструктор для почти любого сайта.
Framework любой навязывает вам элементы дизайна, анимацию и прочее.
Но для тех кто готов переписать всё и вся именно Vuetify Framework даст глубокие возможности. Желание же изобрести собственный и не на что не похожий "велосипед" в данной статье не обсуждаются.
В условии задачки принято то, что установлен git, node, npm, vue и это, как минимум, подробнее же в официальной документации:
https://vuetifyjs.com/ru/getting-started/quick-start
Итак, просто раз
$ mkdir my_vuetify && cd add_vuetify && vue create my-app && $ vue add vuetify
Для желающих тупануть насладиться с ГУИ
$ vue ui
Далее выбираем готовую разметку
https://vuetifyjs.com/ru/getting-started/pre-made-layouts
Всё! Можно "шарить в нее контент свой"!
Есть много НО:
- прямые руки
- желание читать инструкции
- не бояться сli
Ленивый быстрый старт
Ленивый быстрый старт следующий
$ mkdir theme_vuetify && cd theme_vuetify && git clone https://github.com/vuetifyjs/theme-blog.git
Далее рекомендовано
## Project setup
yarn install
### Compiles and hot-reloads for development
yarn run serve
Но мы идем
$ npm install && npm run serve
Ибо в условии задачки у нас npm, а не yarn
Ну, всё! Смотрим App running at:
- Local: http://localhost:8080/
- Network: http://192.168.1.38:8080/
