[尖叫声] 该项目尚处于初期阶段,并将不断发展。 期望经常更新和可能的改变。 欢迎反馈!

特征

• 无力设置:简单设置过程和最小维护,允许您专注于建筑组件.
• 没有必须写的故事:直接分析您的组件代码,消除了写故事的需要.
• 快点:为快速发展和即时反馈而搭建于Vite上方,可提高生产力.
• DevTools 集成软件: 与Vue和Nuxt编舞工具相结合,以取得协调一致的发展经验.
• UI 图书馆集成: 与受欢迎的UI库相融合,显示本地安装组件的示例.
• 代码生成:根据组件道具生成最新的模板代码,随时可以复制并使用.

安装

坚果

npx nuxi@latest module add --dev compodium

阴道

1. 安装 @compodium/vue

pnpm add -D @compodium/vue

yarn add --dev @compodium/vue

npm install --save-dev @compodium/vue

bun add -D @compodium/vue

2. 在您中添加Compodium插件 vite.config.ts数字 :

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'
import { compodium } from '@compodium/vue'

export default defineConfig({
  plugins: [
    vue(),
    vueDevTools(),
    compodium()
  ]
})

3. 在您的 tsconfig.app.json

{
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "node_modules/@compodium/vue/dist/index.d.ts"
  ],
}

捐款

欢迎捐款

目前,您可以贡献的一种方法是为您最喜爱的组件库添加示例. 您可以找到 Nuxt 用户界面收藏和示例 这里。 。 。 .

地方发展

# Install dependencies
pnpm install

# Generate type stubs
pnpm dev:prepare

# Develop with the playground
pnpm dev

# Run ESLint
pnpm lint

# Run typechecks 
pnpm typechecks 

# Run Vitest
pnpm test