Vue

基于 Farm 创建一个 Vue 项目。

Farm 提供两种方案来支持创建 Vue 项目:

• 使用 create-farm 脚手架创建脚手架项目
• 你可以根据当前文档手动创建一个 Vue 项目

创建 Vue 项目

npm

yarn

pnpm

bun

npm create farm@latest

在 Select Framework 中选择 Vue 模版

Vue

目前 Farm 支持 vue3, vue2, vue2.7 对于 Vue 插件 Farm 推荐使用 Vite 插件, 支持的三种 vue 版本需要安装对应的 vite 插件, 目前也正在进行原生插件 fervid的开发。

farm.config.ts

import { defineConfig } from '@farmfe/core';
import Vue from '@vite/plugin-vue'

export default defineConfig({
  plugins: [Vue()], // vue3 plugin
});

集成 jsx

farm.config.ts

import { defineConfig } from '@farmfe/core';
import Vue from '@vite/plugin-vue-jsx'

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

如若想查看示例详情: Vue 示例