Skip to content

现在开始

欢迎加入用另一种方式编写 Vue 的探索旅程!

Vine 提供了一个 Vite 插件和一个 VSCode 扩展。

注意!

Vine 目前还处于早期开发阶段,请等待第一个稳定版本 v0.1.0

npm

安装 Vite 插件

bash
pnpm i -D vue-vine
pnpm i -D vue-vine

vite.config.ts 中导入插件:

ts
import { VineVitePlugin } from 'vue-vine/vite'

export default defineConfig({
  plugins: [
    // ...其他插件
    VineVitePlugin()
  ],
})
import { VineVitePlugin } from 'vue-vine/vite'

export default defineConfig({
  plugins: [
    // ...其他插件
    VineVitePlugin()
  ],
})

使用 macro 类型

Vine 提供了一个 typescript 声明文件,以帮助你使用宏时获得智能提示。

json
{
  "compilerOptions": {
    "types": ["vue-vine/macro"]
  }
}
{
  "compilerOptions": {
    "types": ["vue-vine/macro"]
  }
}