bio: универсальные инструменты для фронтенд-разработки

внешний интерфейс Vue.js React.js NPM

Эта статья была опубликована вМы покупаем блог фронтенд-команды

что такое био

Примечание: биография в настоящее время совместима только с платформой Mac.

адрес гитхаба:bio-cli

адрес нпм:bio-cli

Универсальное решение для фронтенд-разработки.

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

Кроме того, bio предоставляет услуги eslint, обнаружения стилей и имитации.

bio 使用前后
)

Установить

  • Установите Node.js (>= 8.9.1)

    https://nodejs.org/en/download/

  • установить био

    npm install bio-cli -g

быстрый в использовании

  • Шаг 1: Создайте каталог проекта

    mkdir demo

cd demo

  • Шаг 2: Инициализируйте различные проекты

    • bio init bio-scaffold-vue: Инициализировать проект vue
    • bio init bio-scaffold-react: Инициализировать реактивный проект
    • bio init bio-scaffold-pure: Инициализировать не-vue/не-реактивные проекты

  • Шаг 3: Отладка

    bio run dev-daily

набор команд

  • bio init <脚手架在 npm 源上的名称>

    • Функция

      Инициализировать каталог проекта.

      Эта команда выполнит следующие действия:

      • Установите леса на месте, чтобы убедиться, что леса существуют.Scaffolding устанавливается в директорию bio cache (/Users/用户名/.bio/)
      • Если текущий каталог является пустым каталогом (или толькоREADME.md), команда создаст демонстрационный файл для .
      • воплощать в жизньnpm install.

    • строительные леса

      bio в настоящее время имеет три встроенных каркаса (bio-scaffold-vue,bio-scaffold-react,bio-scaffold-pure)

      bio использует npm для размещения скаффолдинга, который по умолчанию размещается в официальном источнике npm.Вы можете установить источник хостинга самостоятельно.кодовый адрес

    • Псевдоним

      bio дал каждому из трех встроенных каркасов прозвище:

      bio-scaffold-vue --> vue
bio-scaffold-react --> react
bio-scaffold-pure --> pure

      Таким образом, все команды, включающие скаффолдинговые имена, могут быть заменены никнеймами.

      Вы также можете добавить свой собственный псевдоним,кодовый адрес

  • bio run <脚手架支持的任务> [-n, --no-watch]

    • Функция

      Запустите задачу строительных лесов.

      bio запустит скаффолдинг и прозрачно передаст имя задачи скаффолдингу для выполнения различных задач.

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

      Три каркаса, которые мы предоставляем по умолчанию, обеспечивают следующие 6 задач:

      dev-daily
dev-pre
dev-prod
build-daily
build-pre
build-prod

      Подробности можно найти по адресу:имя задачи встроенных строительных лесов в био.

      Пример: инициализацияbio-scaffold-vueПосле проекта начните егоdev-dailyзадание, команда такая:

      bio run dev-daily

    • Опции-n, --no-watchпредставлять:

      био по умолчаниюзапускатьСлужбы мониторинга файлов и синхронизация файлов в текущем каталоге с лесами каталога, убедитесь, что бизнес-каталог каталога лесов всегда является родителем-потомком, для компиляции лесов. (материал:(Зачем гарантировать детско-родительские отношения?))

      -n, --no-watchМогузакрытиеСлужба прослушивания файлов, которая синхронизирует текущий каталог с каталогом скаффолдинга.

      Пример:

      bio run dev-daily -n

  • bio scaffold show <脚手架在 npm 源上的名称>

    Откройте локальный каталог, в котором находятся строительные леса.

  • bio scaffold create

    Создайте леса, вам будет предложено ввести новое имя леса

  • bio mock [端口]

    Запустите локальную фиктивную службу, порт по умолчанию — 7000.

    Если вы хотите указать номер порта, вы можете указать его напрямую, например:bio mock 8000

  • bio lint init

    • Функция

      Инициализируйте lint, хук выполнения lint будет автоматически смонтирован перед git commit

  • bio lint [--fix] [-w, --watch]

    Выполните проверку ворса, и био сгенерирует страницу результатов ворса для просмотра.

    • --fix: автоматически исправлять формат кода в исходном коде.
    • -w, --watch: Начать мониторинг файлов, как только файл изменится, он вызовет проверку на наличие ворсинок.

  • bio help

    справочная информация

Особенности био

Связь

TODO

  • Идеальные модульные тесты
  • Непрерывная интеграция
  • English Docs
  • Улучшить демонстрацию проекта строительных лесов

Разработчик

LICENSE

MIT

Категории