Обновление от 13 августа 2018 г.: Поздравляем с официальным выпуском vue-cli 3.0.0, после чего мы можем официально разрабатывать проекты в среде 3.0.
Эту статью прочитали многие друзья с момента ее выхода, но я знаю, что эта статья все же очень проста, поэтому я поделюсь различными проблемами и решениями, с которыми я столкнулся при последующем использовании 3.0 (если это удастся решить)…) .
первое использованиеvue create my-projectВыберите использование препроцессора css при создании проекта.
Установить vue-кли
Сначала установите vue-cli v3.0 с помощью npm.
npm install -g @vue/cli
Использовать после установкиvue -VПроверьте номер версии.Если номер версии отображается, установка завершена.
Создать проект
Команда для создания проекта в vue-cli v3.0 отличается от 2.0. 3.0 Команда для создания проекта:
vue create test-project
- В процессе создания сначала выберите созданный режим, следует ли использовать конфигурацию по умолчанию или пользовательскую конфигурацию:
Используйте стрелки вверх и вниз для выбора. Командная строка окна по умолчанию может не поддерживать выбор стрелок вверх и вниз, рекомендуется загрузить другие инструменты оболочки.
Ручной выбор функций рекомендуется в пользовательском режиме. Это позволяет выбрать нужные плагины.
Поскольку я создал его однажды раньше, я создал шаблон с именем Walle, В следующий раз, когда я его создам, я могу создать его непосредственно в соответствии с последним шаблоном.
После выбора пользовательского режима вы можете свободно выбирать плагин, который хотите использовать в проекте, и выбирать его с помощью клавиши пробела.
- Если вы выбрали препроцессоры CSS, вам будет предложено выбрать тип препроцессора.
Я выбрал относительно знакомый препроцессор SCSS/SASS. Это позволит вам использовать синтаксис SCSS и синтаксис SASS в вашем проекте. оКак использовать SCSS/SASS в своем проектеПожалуйста, смотрите мой другой блог.
- Далее вам будет предложено выбрать режим lint, который является правилом проверки кода.
- Выберите проверку правил кода при каждом сохранении.
- Выберите способ интеграции файла конфигурации, будь то отдельный файл или все настройки в файле package.json. Поскольку его легче увидеть в отдельном файле, рекомендуется использовать отдельный файл.
- Последнее, что нужно сделать, это спросить вас, генерировать ли шаблон для этой конфигурации, и конфигурация шаблона будет напрямую генерировать проект в следующий раз.
- После подтверждения начался долгий путь генерации проекта. (В первый раз, когда вы используете vue-cli для создания проекта, вы можете застрять и остаться на месте. В это время вы можете нажать клавишу ввода, чтобы продолжить создание проекта)