Nx — это набор расширяемых инструментов разработки для монорепозиториев, которые помогают вам разрабатывать, как Google, Facebook и Microsoft.
Он имеет первоклассную поддержку многих внешних и внутренних технологий, поэтому его документация представлена в нескольких вариантах.
Начало работы с:
Веб-компоненты:
Угловой:
Реагировать:
Основы:
Начиная
Создание рабочей области Nx
Использование npx
npx create-nx-workspace
Использование npm init
npm init nx-workspace
Использование yarn create
yarn create nx-workspace
Если это ваш первый проект Nx, команда порекомендует вам установить @nrwl/cli глобально, чтобы вы могли вызывать nx напрямую, минуя пряжу или npm.
Создание первого приложения
По умолчанию рабочее пространство Nx начинается пустым. Нет приложений, которые нужно создавать, обслуживать и тестировать. Чтобы создать его, вам нужно добавить возможности в рабочую область.
Чтобы добавить приложение веб-компонентов, запустите:
yarn add --dev @nrwl/web nx g @nrwl/web:app myapp # or just "nx g myapp" npm install --save-dev @nrwl/web nx g @nrwl/web:app myapp # or just "nx g myapp"
Чтобы добавить приложение Angular, запустите:
yarn add --dev @nrwl/angular nx g @nrwl/angular:app myapp # or just "nx g myapp" npm install --save-dev @nrwl/angular nx g @nrwl/angular:app myapp # or just "nx g myapp"
Чтобы добавить приложение React, запустите:
yarn add --dev @nrwl/react nx g @nrwl/react:app myapp # or just "nx g myapp" npm install --save-dev @nrwl/react nx g @nrwl/react:app myapp # or just "nx g myapp"
Если nx g не работает, используйте: yarn nx g @nrwl/web:app myapp или npm run nx -- g @nrwl/web:app myapp.
Независимо от того, какой фреймворк вы выбрали, результирующее файловое дерево будет выглядеть так:
<workspace name>/
├── apps/
│ ├── myapp/
│ └── myapp-e2e/
├── libs/
├── tools/
├── nx.json
├── package.json
├── tsconfig.json
└── tslint.jsonОбслуживание приложения
- Запустите
nx serve myapp, чтобы обслужить только что сгенерированное приложение! - Запустите
nx test myapp, чтобы проверить это. - Запустите
nx e2e myapp-e2e, чтобы запустить для него тесты e2e.
Пользователи Angular также могут запускать ng g/serve/test/e2e.
Вы готовы идти!
