To run the dev server for your app, use:
npx nx serve my-appTo create a production bundle:
npx nx build my-appTo see all available targets to run for a project, run:
npx nx show project my-appThese targets are either inferred automatically or defined in the project.json or package.json files.
More about running tasks in the docs »
Playwright is configured under e2e/ with a preset that will start the dev server automatically.
Quick runs:
# Install browsers (one-time)
pnpm exec playwright install
# Install Linux system deps (one-time, Ubuntu/Debian; requires sudo)
pnpm exec playwright install-deps
# Run all e2e tests (headless across Chromium/Firefox/WebKit)
pnpm run e2e
# Run headed Chromium only
pnpm run e2e:headedNotes:
- The server is started from
playwright.config.ts(my-app:serve) withreuseExistingServer: true. - You can override the base URL by setting
BASE_URLenv (e.g. a deployed site).
While you could add new projects to your workspace manually, you might want to leverage Nx plugins and their code generation feature.
Use the plugin's generator to create new projects.
To generate a new application, use:
npx nx g @nx/angular:app demoTo generate a new library, use:
npx nx g @nx/angular:lib mylibYou can use npx nx list to get a list of installed plugins. Then, run npx nx list <plugin-name> to learn about more specific capabilities of a particular plugin. Alternatively, install Nx Console to browse plugins and generators in your IDE.
Learn more about Nx plugins » | Browse the plugin registry »
Nx Console is an editor extension that enriches your developer experience. It lets you run tasks, generate code, and improves code autocompletion in your IDE. It is available for VSCode and IntelliJ.
Learn more:
- Learn more about this workspace setup
- Learn about Nx on CI
- Releasing Packages with Nx release
- What are Nx plugins?
And join the Nx community: