Installation

Try Vitesse built with Vixt

vitesse-vixt

Create a Vixt project

Vixt recommends using pnpm with a monorepo setup, and the default project templates are monorepo-based.

# Default monorepo template, including vue and uni-app projects
pnpm create vixt my-project

# Vue single-project
# pnpm create vixt my-project --template vue-ts

# Uni-app single-project
# pnpm create vixt my-project --template uni-ts

# React single-project
# pnpm create vixt my-project --template react-ts

Use in an existing project

• Remove duplicate dependencies in package.json that Vixt already provides (such as vue, vite, etc., if not required).
• Create a .npmrc file and enable pnpm's shamefully-hoist:

shamefully-hoist=true

• Install Vixt:

pnpm add vixt

• Create vixt.config.ts:

import { defineVixtConfig } from 'vixt'

export default defineVixtConfig({})

• Update vite.config.ts:

import { defineConfig } from 'vite'
import vixt from 'vixt/vue'

export default defineConfig({
  plugins: [vixt()],
})

• Update tsconfig.json:

{
  "extends": "./.vixt/tsconfig.json"
}