Create

Set up or create a modern web app by running one command.

Setup

Create a config file

Initialize Master CSS in an existing project.

npm create @master/css@rc

Create a new app

Or you can specify an argument to create a new project, which by default uses the blank example.

npm create @master/css@rc project

Interfaces

create --ext esm

Specify creating a master.css.mjs file in ECMAScript Modules format. If package.json is set "type": "module" will be enabled automatically.

npm create @master/css@rc --ext esm

/** @type {import('@master/css').Config} */
export default {
 
}

create --ext cjs

Specify creating a master.css.js file in CommonJS format.

npm create @master/css@rc --ext cjs

/** @type {import('@master/css').Config} */
module.exports = {
 
}

create --ext ts

Specify creating a master.css.ts file in TypeScript format. Automatically enabled if tsconfig.json exists.

npm create @master/css@rc --ext ts

import type { Config } from '@master/css'
 
export default {
 
} as Config

create --example

Create a Master CSS App using official examples.

npm create @master/css@rc project --example react

create --pm

Manually specify the package manager you are using.

npm create @master/css@rc --pm bun

create -o, --override

Override the existing Master CSS config file.

npm create @master/css@rc --override