Share this post on:

Как создать проект на фреймворке Vue.js ?

Первое что вам необходимо сделать, это установить node.js на ваш компьютер. Перейдите по этой ссылке на официальный сайт node и установите любую версию, но я порекомендую установить Версию предназначенную для большинства( кнопка слева ). Node.js — https://nodejs.org/ru/.

После того как node установлен, перейдите в консоль ( сочетание клавиш Win + R в появившимся окне написать cmd ) и напишите вот такую команду:

node -v

При успешной установки у вас будет в консоли версия node, как у меня на скриншоте ниже

Дальше необходимо установить vue. Не закрывайте терминал и вбейте туда команду:

npm install @vue/cli

Таким образом мы глобально установим vue. После установки вам необходимо создать проект, я создам папку с проектом на рабочем столе и назову ее project-vue.

Дальше в консоли нам нужно перейти в эту папку. Для этого используем команду cd и указываем путь до папки. В моем случае — это cd C:\Users\Sasha\OneDrive\Рабочий стол\project-vue

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

После всего сделанного нам осталось вбить лишь одну команду —

vue create ИМЯ ПРОЕКТА

Я назову проект test-vue, выйдет вот такая запись: vue create test-vue, после того, как мы вобьем это в консоль нам нужно указать стрелочками на клавиатуре параметры. Не пугайтесь того, что там будет написано повторяйте за мной. На первый вопрос я указал пункт установка вручную. Далее указываем версию и стандартную конфигурацию, как на скриншотах ниже.

Основные настройки мы прошли и дальше нажимайте интер и букву n.

После всех этих действий начнется установка и создадутся файлы проекта.

Смотрите видео выше и повторяйте, как там и все должно получиться. Кому была полезна эта информация буду очень благодарен если пожертвуйте на развитие сайта. Спасибо!