Vue

基于 Farm 创建一个 Vue 项目。

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

npm create farm@latest

yarn create farm@latest

pnpm create farm@latest

bun create farm@latest

在 Select Framework 中选择 Vue 模版

farm.config.ts

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

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

farm.config.ts

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

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

开发环境时运行

npm run dev

yarn run dev

pnpm run dev

bun run dev

在生产环境下进行打包

npm run build

yarn run build

pnpm run build

bun run build

预览生产环境打包之后构建的产物

npm run preview

yarn run preview

pnpm run preview

bun run preview

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