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

npmyarnpnpmbun

sh

npm create farm@latest

sh

yarn create farm@latest

sh

pnpm create farm@latest

sh

bun create farm@latest

Select Vue template in Select Framework

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

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

Integrating jsx

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

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

If you want to start DevServer

npmyarnpnpmbun

sh

npm dev

sh

yarn dev

sh

pnpm dev

sh

bun dev

If you need to run the build production environment product command

npmyarnpnpmbun

sh

npm build

sh

yarn build

sh

pnpm build

sh

bun build

If you need to preview your build product

npmyarnpnpmbun

sh

npm preview

sh

yarn preview

sh

pnpm preview

sh

bun preview

For more example details: Vue Example