Генератор на Vue

Начало

# Установка зависимостей
$ npm install

# Локальная разработка
$ npm run serve

# Сборка
$ npm run build

Другие пока не используются: npm run lint npm run test:unit

Использование commitizen для стандартизации коммитов: ссылка

# Установить глобально через npm
$ (sudo) npm install -g commitizen

В проекте используется angular commit standard

# Этот шаг уже выполнен, повторять не нужно
$ commitizen init cz-conventional-changelog --save-dev --save-exact

Теперь можно с удовольствием использовать git cz вместо git commit. Конечно, мы также можем добавить его в npm script

"script": {
    "ci": "git cz"
}

pre-commit

При отправке кода будет выполняться npm run lint. Если код не соответствует prettier, он будет автоматически отформатирован.

О стандартах кода

Обычно при отправке кода проверяется стандарт кода и автоматическое форматирование кода, но только в папке src. Для других файлов это, похоже, не работает, поэтому отдельно добавляем команды для удовлетворения условий.

{
    "format": "prettier --write \"config/**/*.{js,vue,json,less,scss,css}\" \"mock/**/*.{js,vue,json,less,scss,css}\" \"src/**/*.{js,vue,json,less,scss,css}\" \"*.{js,json}\""
}

# Когда есть проблемы со стандартом кода, можно вручную выполнить команду для решения
$ npm run format

О локальной разработке и локальных фиктивных данных

1. src/libs/api.js добавьте интерфейс, например: API.TEST = CONTEXT_PATH + '/test'

2. В папке mock создайте новые файлы, например: GET/api/test/index.js. GET представляет метод запроса, а URL запроса — это то, что находится в папке mock (см. пример в GET/api/test/index.js)

3. Данные макета основаны на test, используя mockjs

   Если у вас есть вопросы, пожалуйста, свяжитесь с liubiao@itoxs.com

О локальной разработке

1. Локальный макет

   $ npm run mock

Таким образом, запуск команды заставит все запросы интерфейса использовать локальный mockjs для разработки, и вы должны заранее написать логику макета.

2. Локальное проксирование других адресов интерфейсов

   Необходимые места для настройки

   • config/index.js

     dev: {
         headers: {
             cookie: 'cookie_user_key=xxxx' // имя пользователя для входа ==
         },
         remote: {
             // тестовое использование, официальное проксирование требует модификации, здесь изменено на проксируемый домен
             path: 'http://qzone-music.qq.com'
         }
      }

   • Запустите сервис npm run remote

3. Локально используйте https (как только локальная разработка использует https, горячее обновление больше не будет работать)

   Теперь можно использовать https локально. См. ниже, как это сделать.

   • npm run serve ---> npm run serve:https: обычный запуск
   • npm run mock ---> npm run mock:https: запуск локального макета
   • npm run remote ---> npm run remote:https: удалённый запуск макета