Vue

Create a Vue project based on Farm.

Farm provides two approaches to support creating Vue projects:

• Use the create-farm scaffold to create a scaffold project
• You can manually create a Vue project following the current documentation

Creating a Vue Project

npm

yarn

pnpm

bun

npm create farm@latest

Select Vue template in Select Framework

warning

Currently, Farm uses Vite plugins for both vue2 and vue3 and vue2.7 compilation. Also the development of Rust Vue plugin fervid is also underway.

farm.config.ts

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

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

Integrating jsx

farm.config.ts

import { defineConfig } from '@farmfe/core';
import VueJsx from '@vitejs/plugin-vue-jsx'

export default defineConfig({
  vitePlugins: [VueJsx()],
});

If you want to start DevServer

npm

yarn

pnpm

bun

npm dev

If you need to run the build production environment product command

npm

yarn

pnpm

bun

npm build

If you need to preview your build product

npm

yarn

pnpm

bun

npm preview

For more example details: Vue Example