Vue.js постепенно становится очень популярным фреймворком, и добавление этого навыка в ваше резюме может быть интересным для вашей карьеры. Поэтому, если вам интересно, как запустить проект Vue с помощью Vue CLI, продолжайте читать.
Установка Вью
npm install -g @vue/cli
# OR
yarn global add @vue/cli
Инициализация вашего проекта
Сначала вам нужно будет выполнить следующую команду:
vue create first-project
Вы можете либо выбрать предварительно выбранные параметры с помощью Vue 2 или Vue 3, либо выбрать «Выбрать функции вручную».
Если вы выберете вариант по умолчанию, проект будет создан напрямую.
Если вы выберете функции вручную, Vue CLI задаст вам еще несколько вопросов:
- Выберите нужные вам функции, от Typescript до Vuex или модульного тестирования. Вы также можете выбрать версию Vue, с которой хотите работать.
- Выберите, где вы хотите хранить конфигурации для ваших функций.
- Укажите, хотите ли вы сохранить эти параметры в качестве предустановки для будущих проектов.
Подождите, пока проект будет создан…
Как только это будет сделано, перейдите в каталог вашего проекта и выполните следующую команду, чтобы запустить локальную среду разработки:
yarn serve
# OR
npm run serve
Теперь вы можете перейти по адресу http://localhost:8080/, и ваш сайт появится!
Пользовательский интерфейс
Существует опция, которая предоставляет вам интерфейс для создания новых проектов и управления всеми проектами Vue, хранящимися на вашем компьютере.
Вы можете попробовать это с помощью команды:
vue ui
С помощью этой панели вы можете добавлять новые плагины, devDependencies или запускать скрипты!
Заключение
Не стесняйтесь задавать вопросы или оставлять комментарии, если эта статья помогла вам!
Удачного кодирования! 👋
Первоначально опубликовано в моем блоге.