This is a boilerplate build with Vite, React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier. - joaopaulomoraes/reactjs-vite-tailwindcss-boilerplate
1. 安装tailwindcssnpm install -D tailwindcss postcss autoprefixer2. 生成tailwindcss 配置文件npx tailwind init -p3. tailwind.config.js 配置/** @type {import('tailwindcss').Config} */ export default { content: [ "./index.html", "./src/**/*.{js,ts,jsx,tsx}", ], theme: { extend...
It contains its own HOC for error handling on the page and is developed based on Vite. Categories: Feature-Rich Boilerplates, Boilerplates without Auth, Frontend-Only, Free. Vitamin. A starter project containing Tailwind CSS with a basic style reset and a Prettier plugin that automatically ...
+I have used webpack react boilerplates and found it too hard to configure. + +Vite is actually mega easy to understand, which makes it easier to get into and to maintain for others. + +I couldn't find a boilerplate for React, TypeScript and Tailwind CSS. So here it is. + +##...
配置-tailwind.config.js 配置index.css 创建plugin vitePluginStart.ts 配置vite.config 配置tsconfig.json 配置.gitignore 修改App.tsx 启动框架,测试效果 代码规范组件 - eslint + prettier + husky 安装 配置.eslintrc.cjs -- eslint 配置.prettierrc.cjs ...
使用TailwindCSS 进行样式设计 安装TailwindCSS 要添加 TailwindCSS,运行以下命令: 代码语言:javascript 复制 npm install-Dtailwindcss postcss autoprefixer npx tailwindcss init-p 在Vite 中设置 TailwindCSS 在你的tailwind.config.js中,配置模板文件的路径: ...
使用Vite 创建一个新的 React 项目: npm create vite@latest my-react-app --template react my-react-app 是你的项目名称,你可以根据需要更改。 进入项目目录 进入你刚刚创建的项目目录: cd my-react-app 安装Tailwind CSS 在项目中安装 Tailwind CSS 及其依赖项: ...
一、初始化 vite react typescript 项目 # npm 7+, 需要额外的双横线:npm init @vitejs/app kanban -- --template react-ts# 测试,当前版本 npm 7+ 可能有问题,解决方法参考文末其他列表cdkanban npm install npm run dev 二、配置 linter 1. EditorConfig ...
See also:Awesome React Frameworks. Maintainers: @petebray — a fast Vite-based React framework that is flexible, lean, community-driven and dependable. Contributing Please review ourcontributing guidelines. We keep this list fresh byrequiring all PRs to remove one or more non-awesome entries from...
pnpm create vite@latest cellinlab-home---template react-ts cd cellinlab-home Install TailwindCSSand Other Dependencies 代码语言:javascript 复制 pnpm install-Dtailwindcss postcss autoprefixer Generate Tailwind CSS Config File 代码语言:javascript 复制...