This package has been deprecated

    Author message:

    This package has been replaced by @nrwl/workspace. See https://nx.dev/angular/guides/nx7-to-nx8 on how to upgrade.

    @nrwl/nx
    TypeScript icon, indicating that this package has built-in type declarations

    7.8.7 • Public • Published

    Build Status License NPM Version NPM Downloads Semantic Release Commitizen friendly


    Our Newest Enterprise Angular Book


    What is Nx?

    🔎 Nx is a set of Angular CLI power-ups for modern development.

    Nx Helps You

    Use Modern Tools

    Using Nx, you can add Cypress, Jest, Prettier, and Nest into your dev workflow. Nx sets up these tools and allows you to use them seamlessly. Nx fully integrates with the other modern tools you already use and love.

    Build Full-Stack Applications

    With Nx, you can build full-stack applications using Angular and Node.js frameworks such as Nest and Express. You can share code between the frontend and the backend. And you can use the familiar ng build/test/serve commands to power whole dev experience.

    Develop Like Google

    With Nx, you can develop multiple full-stack applications holistically and share code between them all in the same workspace. Nx provides advanced tools which help you scale your enterprise development. Nx helps enforce your organization’s standards and community best practices.

    A la carte

    Most importantly, you can use these power-ups a la carte. Just want to build a single Angular application using Cypress? Nx is still an excellent choice for that.

    Does it replace Angular CLI?

    Nx is not a replacement for Angular CLI. An Nx workspace is an Angular CLI workspace.

    • You run same ng build, ng serve commands.
    • You configure your projects in angular.json.
    • Anything you can do in a standard Angular CLI project, you can also do in an Nx workspace.

    Getting Started

    Creating an Nx Workspace

    Using npx

    npx create-nx-workspace myworkspace

    Using npm init

    npm init nx-workspace myworkspace

    Using yarn create

    yarn create nx-workspace myworkspace

    Adding Nx to an Existing Angular CLI workspace

    If you already have a regular Angular CLI project, you can add Nx power-ups by running:

    ng add @nrwl/schematics

    Creating First Application

    Unlike the CLI, an Nx workspace starts blank. There are no applications to build, serve, and test. To create one run:

    ng g application myapp

    The result will look like this:

    <workspace name>/
    ├── README.md
    ├── angular.json
    ├── apps/
    │   ├── myapp/
    │   │   ├── browserslist
    │   │   ├── jest.conf.js
    │   │   ├── src/
    │   │   │   ├── app/
    │   │   │   ├── assets/
    │   │   │   ├── environments/
    │   │   │   ├── favicon.ico
    │   │   │   ├── index.html
    │   │   │   ├── main.ts
    │   │   │   ├── polyfills.ts
    │   │   │   ├── styles.scss
    │   │   │   └── test.ts
    │   │   ├── tsconfig.app.json
    │   │   ├── tsconfig.json
    │   │   ├── tsconfig.spec.json
    │   │   └── tslint.json
    │   └── myapp-e2e/
    │       ├── cypress.json
    │       ├── src/
    │       │   ├── fixtures/
    │       │   │   └── example.json
    │       │   ├── integration/
    │       │   │   └── app.spec.ts
    │       │   ├── plugins/
    │       │   │   └── index.ts
    │       │   └── support/
    │       │       ├── app.po.ts
    │       │       ├── commands.ts
    │       │       └── index.ts
    │       ├── tsconfig.e2e.json
    │       ├── tsconfig.json
    │       └── tslint.json
    ├── libs/
    ├── nx.json
    ├── package.json
    ├── tools/
    ├── tsconfig.json
    └── tslint.json

    All the files that the CLI would have in a new project are still here, just in a different folder structure which makes it easier to create more applications and libraries in the future.

    Serving Application

    Run ng serve myapp to serve the newly generated application!

    You are good to go!

    Quick Start & Documentation

    Documentation

    Books

    Videos

    Talks

    Podcasts and Shows

    Misc

    Want to help?

    If you want to file a bug or submit a PR, read up on our guidelines for contributing.

    Core Team

    Victor Savkin Jason Jean Benjamin Cabanes
    Victor Savkin Jason Jean Benjamin Cabanes
    vsavkin FrozenPandaz bcabanes

    Keywords

    none

    Install

    npm i @nrwl/nx

    DownloadsWeekly Downloads

    10,955

    Version

    7.8.7

    License

    MIT

    Unpacked Size

    411 kB

    Total Files

    44

    Last publish

    Collaborators

    • avatar