Разделы
PHP (8)
SEO (1)
Социальные сети

Быстрый старт с Vue CLI

Быстрый старт с Vue CLI

С помощью Vue CLI можно легко и просто создать своё первое веб-приложения на базе Vue.js, в котором будет все необходимое для старта.

Для начала необходимо установить Vue CLI глобально:

npm install -g @vue/cli

Далее создать новое приложение, например "demo":

vue create demo

Далее, в интерактивном меню, выбрать версию Vue CLI, подключить Linter и т.д.

Выглядит примерно так:

Vue CLI v4.5.13

? Please pick a preset: 

Manually select features

Check the features needed for your project.

? Choose a version of Vue.js that you want to start the project with?

2.x

? Pick a linter / formatter config:

Airbnb

? Pick additional lint features:

Lint on save

? Where do you prefer placing config for Babel, ESLint, etc.? 

In dedicated config files

? Save this as a preset for future projects? (y/N)

Готово.

Переходим в папку с нашим демо приложением:

cd demo

Запускаем наш проект:

npm run serve

Далее открываем браузер, и переходи на страницу:

http://localhost:8080/

Наше первое приложения на базе Vue.js готово.

Если открыть папку например в PHPStorm, то мы увидим что Vue CLI сделал всю работу за нас.

Он создал новое приложение, файлы конфигурации и многое другое.

Исходный код нашего приложения лежит в папки "src".

В папки "public" лежит готовое скомпилированое приложения.

В файле "package.json" мы можем посмотреть какие модули были установлены и какие команды доступны для использования.

Другие файлы и папки нам пока что можно и не трогать.

На основе данного демо, мы можем создавать уже свой проект.


Реклама:

Оставьте комментарий!

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий:


Написать новый комментарий

Интересное
Реклама

Используй промокод "protonalex" чтобы получить 10% скидку.