All apps/Angular CLI

Angular CLI

angular-cli

The Angular CLI is a command-line interface tool which allows you to scaffold, develop, test, deploy, and maintain Angular applications.

Runs as ng|macOS, Linux, Windows|angular.dev

Open form in Otty otty.toml

Sync rules

What travels, what stays, what never leaves

Angular CLI in your home directory Every rule on this page, by file

· config.json Sync

· .angular-config.json Sync

· ~/.angular-config.json Sync

Only what the catalog names. A directory that syncs brings everything inside it except what is listed as excluded here.

apps/angular-cli/otty.tomlThe file this page is generated from

id = "angular-cli"

name = "Angular CLI"

homepage = "https://angular.dev/tools/cli"

description = "The Angular CLI is a command-line interface tool which allows you to scaffold, develop, test, deploy, and maintain Angular applications."

icon = "SimpleIcons:angular"

executables = ["ng"]

[dotfiles]

# packages/angular/cli/src/utilities/config.ts, globalFilePath(): the CLI takes

# the first of $XDG_CONFIG_HOME/angular/config.json, the older

# $XDG_CONFIG_HOME/.angular-config.json (for which it prints "Please move the

# file to the new location ~/.config/angular/config.json"), and

# ~/.angular-config.json. All three are listed because a machine can be on any

# of them. The first two are the config home the CLI reads from the environment,

# which is [configHome] — the XDG location, on macOS too. The workspace

# angular.json belongs to the project, not the user.

paths = [

"[configHome]/angular/config.json",

"[configHome]/angular/.angular-config.json",

"~/.angular-config.json",

]

exclude = []

# `ng config --global` writes analytics consent, the package manager to use,

# warning toggles and schematic defaults. Nothing in it is a credential.

secret = []

# No machine_lines: packageManager, warnings and schematics defaults are the

# preferences a user wants wherever they run ng.

[commands]

format = 1

label = "Angular CLI"

description = "Create workspaces and generate code. build, serve and test are not in the completion data and are left out."

quality = "ai-draft"

base = "fig:ng"

parser = { end_of_options = "--", interleave = "permute", long_equals = false, short_attached = true, short_bundles = false }

[[commands.source]]

id = "fig"

kind = "completion"

url = "https://github.com/withfig/autocomplete/blob/master/src/ng.ts"

license = "MIT"

[[commands.subcommand]]

path = ["new"]

label = "Create a workspace"

description = "Create a new Angular workspace and initial application."

[[commands.subcommand.source]]

id = "fig"

kind = "completion"

url = "https://github.com/withfig/autocomplete/blob/master/src/ng.ts"

license = "MIT"

[[commands.subcommand.field]]

id = "name"

label = "Name"

type = "string"

position = 0

sources = ["fig"]

[[commands.subcommand.field]]

id = "create_application"

label = "Create default application"

type = "string"

option = ["--create-application"]

suggestions = [{ value = "true", label = "true" }, { value = "false", label = "false" }]

sources = ["fig"]

[[commands.subcommand.task]]

id = "new"

label = "New workspace"

fields = ["name", "create_application"]

required = ["name"]

[[commands.subcommand.group]]

id = "basic"

label = "Basic"

fields = ["name", "create_application"]

[[commands.subcommand]]

path = ["generate", "component"]

label = "Generate a component"

description = "Generate a new component. Only options present in the completion data are offered."

[[commands.subcommand.source]]

id = "fig"

kind = "completion"

url = "https://github.com/withfig/autocomplete/blob/master/src/ng.ts"

license = "MIT"

[[commands.subcommand.field]]

id = "name"

label = "Component name"

type = "string"

position = 0

sources = ["fig"]

[[commands.subcommand.field]]

id = "project"

label = "Project"

type = "string"

option = ["--project"]

sources = ["fig"]

[[commands.subcommand.field]]

id = "change_detection"

label = "Change detection"

type = "string"

option = ["--change-detection", "-c"]

suggestions = [{ value = "Default", label = "Default" }, { value = "OnPush", label = "OnPush" }]

sources = ["fig"]

[[commands.subcommand.field]]

id = "display_block"

label = "Add :host block style"

type = "string"

option = ["--display-block", "-b"]

suggestions = [{ value = "true", label = "true" }, { value = "false", label = "false" }]

sources = ["fig"]

[[commands.subcommand.field]]

id = "flat"

label = "Create at top level"

type = "string"

option = ["--flat"]

suggestions = [{ value = "true", label = "true" }, { value = "false", label = "false" }]

sources = ["fig"]

[[commands.subcommand.task]]

id = "component"

label = "Generate a component"

fields = ["name", "project", "change_detection"]

required = ["name"]

[[commands.subcommand.group]]

id = "basic"

label = "Basic"

fields = ["name", "project", "change_detection"]

[[commands.subcommand.group]]

id = "advanced"

label = "Advanced"

fields = ["display_block", "flat"]

[[commands.subcommand]]

path = ["generate", "application"]

label = "Generate an application"

description = "Generate a new application in an existing workspace."

[[commands.subcommand.source]]

id = "fig"

kind = "completion"

url = "https://github.com/withfig/autocomplete/blob/master/src/ng.ts"

license = "MIT"

[[commands.subcommand.field]]

id = "name"

label = "Application name"

type = "string"

position = 0

sources = ["fig"]

[[commands.subcommand.field]]

id = "style"

label = "Style extension"

type = "string"

option = ["--style"]

suggestions = [{ value = "css", label = "css" }, { value = "scss", label = "scss" }, { value = "sass", label = "sass" }, { value = "less", label = "less" }, { value = "styl", label = "styl" }]

sources = ["fig"]

[[commands.subcommand.task]]

id = "application"

label = "Generate an application"

fields = ["name", "style"]

required = ["name"]

[[commands.subcommand.group]]

id = "basic"

label = "Basic"

fields = ["name", "style"]

Use it with your dotfile manager

Same data, in the shape your tool already reads

Opens Otty and adds this tool to what it syncs

Opens otty://sync/add/angular-cli. Otty ships with this catalog, so the link only has to name the tool — nothing is downloaded.

Every one of these is generated from the same rules as this page.