Быстрый старт разработки с использованием этого шаблона
vue create --preset ospoon/vue-preset-starter <project-name>
Особенности этого шаблона
Это шаблон для разработки проекта, объединяющий Vue CLI и Vant. Основные особенности:
- Установлен eruda, который позволяет просматривать логи в режиме разработки.
- Компоненты Vant импортируются автоматически, конфигурация завершена.
- Поддержка Rem, используются следующие инструменты:
- postcss-pxtorem — плагин для преобразования единиц измерения в rem;
- lib-flexible — используется для установки базовых значений rem.
- Используется plop для создания начальных страниц, компонентов, хранилищ и API. Выполните команду npm run new.
- Добавлена защита от повторной отправки одного и того же запроса с помощью axios.
- Создаётся CHANGELOG.md при выполнении команды yarn clog. Обратите внимание, что для генерации нового журнала необходимо обновить версию в package.json. Для этого нужно установить conventional-changelog и соответствующий cli, выполнив команду yarn add --dev conventional-changelog conventional-changelog-cli.
- Поддерживаются SVG-изображения:
- можно найти подходящие иконки на iconfont.cn и скачать их в формате SVG;
- загруженные иконки следует поместить в каталог src/icons/svg;
- в нужных местах добавьте код
<svg-icon icon-class="{{svg 图标名称}}"/>.
Обратите внимание:
- цвета загруженных иконок могут не совпадать с цветами компонента svg-icon, поэтому рекомендуется выполнить команду yarn svgo для удаления свойств fill и fill-rule из SVG-файлов;
- рекомендуется установить размер загружаемых иконок равным 128.
Инструкция по использованию
- [Использование (инструкция по использованию шаблона).md](./docs/Использование (инструкция по использованию шаблона).md).
- [Использование (инструменты разработки).md](./docs/Использование (инструменты разработки).md).
- [Использование (сборка и публикация).md](./docs/Использование (сборка и публикация).md).
- [Использование (стандарт GIT-фиксации).md](./docs/Использование (стандарт GIT-фиксации).md).
- [Прочее (использование Less).md](./docs/Прочее (использование Less).md).
Используемые зависимости и документация
- Vue.
- Vue Cli.
- Vue Router.
- Vuex.
- Vant.
- Axios.
- Plop.
- Crypto-js.
- Js-cookie.
- Vue-wechat-title.
История изменений
CHANGELOG.md.
Примечания
Вопрос: При использовании sourceTree для отправки кода на Mac появляется сообщение об ошибке «env: node: No such file or directory».
Ответ: В проекте включена проверка отправляемых сообщений, которая по неизвестным причинам не работает. Предлагается следующее временное решение:
- Найдите файл .bash_profile в каталоге User/username (для отображения скрытых файлов используйте сочетание клавиш Command+Shift+).
- Добавьте команду alias ost="/Applications/SourceTree.app/Contents/MacOS/SourceTree" в конец файла.
- Перезагрузите компьютер, чтобы изменения в .bash_profile вступили в силу.
- После перезагрузки вы можете открыть sourceTree, используя команду ost в терминале. Код можно отправить без проблем (терминал нельзя закрыть, иначе sourceTree закроется тоже).
Вопрос: При отправке кода появляется сообщение об ошибке красного цвета «INVALID COMMIT MSG: does not match "(): "!».
Ответ: Это связано с проверкой отправляемых сообщений в проекте. Проверьте соответствие сообщения стандартам, указанным в [Использование (GIT-стандарт фиксации).md](./Использование (GIT-стандарт фиксации).md), и отправьте код повторно.
Вопрос: Установка node-sass занимает слишком много времени или происходит сбой из-за тайм-аута.
Ответ: Рекомендуется использовать команду cnpm install node-sass для установки.
Комментарии ( 0 )