Analyzer

Introduction

What is this?

The analyzer allows you to find issues in your Knockout views (in HTML) build-time. The analyzer provides a set of predefined rules that helps you find common misstakes or enforce code style. You can also configure external tools such as TypeScript and ESLint to lint directly on the views.

<p data-bind="events: ..."></p>
              ~~~~~~
Binding handler "events" is not defined. Did you mean "event"?

Setup

npm

# Make sure you have the CLI installed.
$ npm install --save-dev @knuckles/cli

# This will configure the analyzer for you.
$ npx ko add analyzer

yarn

# Make sure you have the CLI installed.
$ yarn add --dev @knuckles/cli

# This will configure the analyzer for you.
$ yarn ko add analyzer

pnpm

# Make sure you have the CLI installed.
$ pnpm add --save-dev @knuckles/cli

# This will configure the analyzer for you.
$ pnpm ko add analyzer

bun

# Make sure you have the CLI installed.
$ bun add --save-dev @knuckles/cli

# This will configure the analyzer for you.
$ bun ko add analyzer

Usage

npm

$ npx ko analyze --help

yarn

$ yarn ko analyze --help

pnpm

$ pnpm ko analyze --help

bun

$ bun ko analyze --help

Whats next?

• Check out standard rules
• Configure TypeScript
• Configure ESLint