どのフレームワークがサポートされていますか？

このジェネレーターには、React、Vue、Svelte、Preact、Litのプリセットと、バニラのTypeScriptおよびJavaScriptセットアップが含まれています。

このツールは依存関係をインストールしますか？

いいえ。このツールは設定コードのみを生成します。出力で指定されているように、`npm`または`yarn`を介して関連するプラグインをインストールする必要があります。

ライブラリモードとビルドモードの違いは何ですか？

ビルドモードはWebアプリケーションのデプロイメントに最適化されており、ライブラリモードはnpmなどのレジストリで配布するためにコードをバンドルするようにViteを設定します。

プロジェクトデータは安全ですか？

はい。このジェネレーターは完全にブラウザ内で実行されます。ローカルパスや設定の選択はサーバーに送信されません。

フォーマッター＆コード

Vite Configジェネレーター

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.

すべて表示フォーマッター＆コード