支持哪些框架？

该生成器包含 React、Vue、Svelte、Preact 和 Lit 的预设，以及原生 TypeScript 和 JavaScript 设置。

此工具会安装依赖项吗？

不会。此工具仅生成配置代码；您仍然需要通过 `npm` 或 `yarn` 安装相关的插件，如输出中所示。

库模式和构建模式有什么区别？

构建模式针对 Web 应用程序部署进行优化，而库模式则配置 Vite 以将您的代码打包，以便在 npm 等注册表中分发。

我的项目数据安全吗？

是的。此生成器完全在您的浏览器中运行。您的本地路径或配置选择都不会发送到服务器。

格式化与代码

Vite 配置生成器

Visually compose a vite.config.ts with sensible presets.

Runs in your browser

vite.config.ts

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import tsconfigPaths from "vite-tsconfig-paths";

export default defineConfig({
  plugins: [react(), tsconfigPaths()],
  build: {
    target: "es2022",
    sourcemap: true,
  },
  server: {
    port: 5173,
    open: true,
  },
});

lines: 16chars: 310size: 310 B

live

编辑注

Understanding · A plugins array, a few options, that's it.

本深度章节目前仅有英文版本。上方的转换工具支持您的语言;长篇说明文章尚未翻译。

常见问题

Quick answers.

›Which frameworks are supported?

The generator includes presets for React, Vue, Svelte, Preact, and Lit, along with vanilla TypeScript and JavaScript setups.

›Does this tool install dependencies?

No. The tool generates the configuration code only; you will still need to install the relevant plugins via `npm` or `yarn` as specified in the output.

›What is the difference between library and build mode?

Build mode optimizes for a web application deployment, while library mode configures Vite to bundle your code for distribution on registries like npm.

›Is my project data safe?

Yes. This generator runs entirely in your browser. None of your local paths or configuration choices are sent to a server.

大家也在搜索

More in this room.

查看所有格式化与代码