安装

尝试使用Vixt构建的Vitesse吧!

vitesse-vixt

创建Vixt项目

Vixt推荐使用pnpm+monorepo管理项目，创建的默认模板也是monorepo项目

# 默认为monorepo模板，包含vue和uni-app项目
pnpm create vixt my-project

# vue单项目
# pnpm create vixt my-project --template vue-ts

# uni-app单项目
# pnpm create vixt my-project --template uni-ts

# react单项目
# pnpm create vixt my-project --template react-ts

在现有项目中使用

• 删除 packages.json 中的与vixt重复的依赖(如vue,vite等,非必须)
• 创建 .npmrc, 启用pnpm的shamefully-hoist

shamefully-hoist=true

• 安装 vixt

pnpm add vixt

• 新建vixt.config.ts

import { defineVixtConfig } from 'vixt'

export default defineVixtConfig({})

• 修改vite.config.ts

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

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

• 修改tsconfig.json

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