早くVITE FireBaseのTailWindCSSを開始🔥🔥🔥
私たちは皆、どのように退屈で退屈なそれは新しいプロジェクトをゼロから作成することです知っている.それは時間がかかり、繰り返しボイラープレートコードの多くです.
それが私がVITEのための究極のスターターテンプレートを作成した理由です.いくつかの機能を含める
暗号化のために🔒
スタイルのために💅
TypeScript -より信頼性の高いコード🔐
Baasのために💾
反応スナップと反応のヘルメット- SEOの🔍
反応の使用-有用な既製反応フックのために🪝
反応遷移グループ📺
反応アイコン💖
utils/firebaseの設定済みファイル.すでに環境変数とenvで設定されています.それで、ちょうどあなたのFirebase資格情報をコピーして、ペーストしてください.envファイル.
/utils/firebase.TS
事前に設定され、すでにアプリケーションで行われます.TSXファイルとメイン.TSX
関数の暗号化と復号化は既に行われます.Utils/暗号化TS
メイン.TSXファイルは既に適切なコードで構成されています
あなたがSEOとパフォーマンスであなたのアプリを出荷することができるように、生産のスクリプトはすでにProdスクリプトを持っています

質問を読むためのおかげでちょうど私にメール[email protected]
そして、githubレポを主演してください
https://github.com/NeoPrint3D/vite-starter-kit
それが私がVITEのための究極のスターターテンプレートを作成した理由です.いくつかの機能を含める
暗号化のために🔒
スタイルのために💅
TypeScript -より信頼性の高いコード🔐
Baasのために💾
反応スナップと反応のヘルメット- SEOの🔍
反応の使用-有用な既製反応フックのために🪝
反応遷移グループ📺
反応アイコン💖
いくつかの品質の生活の改善を含める
utils/firebaseの設定済みファイル.すでに環境変数とenvで設定されています.それで、ちょうどあなたのFirebase資格情報をコピーして、ペーストしてください.envファイル.
/utils/firebase.TS
import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";
import { getAuth } from "firebase/auth";
import { getFirestore } from "firebase/firestore";
import { getPerformance } from "firebase/performance";
import { getStorage } from "firebase/storage";
const firebaseConfig = {
apiKey: import.meta.env.VITE_FIRE_API_KEY,
authDomain: import.meta.env.VITE_FIRE_AUTH_DOM,
projectId: import.meta.env.VITE_FIRE_PRJ_ID,
storageBucket: import.meta.env.VITE_FIRE_STG_BKT,
messagingSenderId: import.meta.env.VITE_FIRE_MSG_ID,
appId: import.meta.env.VITE_FIRE_APP_ID,
measurementId: import.meta.env.VITE_FIRE_MESG_ID,
};
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
//type the auth and firestore functions
const auth = getAuth();
const firestore = getFirestore(app);
const performance = getPerformance(app);
const storage = getStorage(app);
export { analytics, auth, firestore, performance, storage };
ルーティング
事前に設定され、すでにアプリケーションで行われます.TSXファイルとメイン.TSX
暗号化
関数の暗号化と復号化は既に行われます.Utils/暗号化TS
SEO
メイン.TSXファイルは既に適切なコードで構成されています
生産
あなたがSEOとパフォーマンスであなたのアプリを出荷することができるように、生産のスクリプトはすでにProdスクリプトを持っています
テンプレートのインストール
git clone https://github.com/NeoPrint3D/vite-starter-kit
cd vite-starter-kit
#use anyone of these commands to install dependencies
pnpm install
yarn install
npm install
#start the project
pnpm dev

質問を読むためのおかげでちょうど私にメール[email protected]
そして、githubレポを主演してください
https://github.com/NeoPrint3D/vite-starter-kit
Reference
この問題について(早くVITE FireBaseのTailWindCSSを開始🔥🔥🔥), 我々は、より多くの情報をここで見つけました https://dev.to/neoprint3d/get-started-with-vite-firebase-tailwindcss-fast-51meテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol