@nx/vue:application

Create a Vue application for Nx.

Examples

Create an application named my-app:

โฏ

nx g @nx/vue:app apps/my-app

Usage

1nx generate application ... 2
1nx g app ... #same 2

By default, Nx will search for application in the default collection provisioned in workspace.json.

You can specify the collection explicitly as follows:

1nx g @nx/vue:application ... 2

Show what will be generated without writing to disk:

1nx g application ... --dry-run 2

Examples

Generate apps/myorg/myapp and apps/myorg/myapp-e2e:

1nx g app myapp --directory=myorg/myapp 2

Set up Vue Router:

1nx g app myapp --routing 2

Options

directory

dirRequired
string

The directory of the new application.

bundler

string
Default: vite
Accepted values: vite, rsbuild

The bundler to use.

linter

string
Default: none
Accepted values: eslint, none

The tool to use for running lint checks.

name

string
Pattern: ^[a-zA-Z][^:]*$

The name of the application.

unitTestRunner

string
Default: none
Accepted values: vitest, none

Test runner to use for unit tests.

e2eTestRunner

string
Default: playwright
Accepted values: playwright, cypress, none

Test runner to use for end to end (E2E) tests.

inSourceTests

boolean
Default: false

When using Vitest, separate spec files will not be generated and instead will be included within the source files. Read more on the Vitest docs site: https://vitest.dev/guide/in-source.html

js

boolean
Default: false

Generate JavaScript files rather than TypeScript files.

routing

boolean
Default: false

Generate application with routes.

rootProject

Hidden
boolean
Default: false

Create a application at the root of the workspace

style

s
string
Default: css

The file extension to be used for style files.

strict

boolean
Default: true

Whether to enable tsconfig strict mode or not.

setParserOptionsProject

boolean
Default: false

Whether or not to configure the ESLint parserOptions.project option. We do not do this by default for lint performance reasons.

tags

t
string

Add tags to the application (used for linting).

skipFormat

Internal
boolean
Default: false

Skip formatting files.

skipPackageJson

Internal
boolean
Default: false

Do not add dependencies to package.json.