Home

Awesome

<div align="center"><img src = "https://github.com/user-attachments/assets/0286998f-a1e6-448a-bd59-6ac4a776a23a" height="100px" alt="My Happy SVG"/></div> <h2 align="center">template-rsbuild-react-ts-tailwind</h2> <div align="center"> <a href="https://reactjs.org/"><image src="https://img.shields.io/static/v1?label=React&message=^18&style=for-the-badge&labelColor=FFFFFF&logo=react&color=61DAFB"/></a> <a href="https://www.typescriptlang.org/"><image src="https://img.shields.io/static/v1?label=TypeScript&message=^5&style=for-the-badge&labelColor=FFFFFF&logo=typescript&color=3178C6"/></a> <a href="https://www.typescriptlang.org/"><image src="https://img.shields.io/static/v1?label=Tailwind%20CSS&message=^3&style=for-the-badge&labelColor=FFFFFF&logo=tailwindcss&color=06B6D4"/></a> <a href="https://rsbuild.dev/"><image src="https://img.shields.io/static/v1?label=Rsbuild&message=^1&style=for-the-badge&labelColor=FFFFFF&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAKXUExURUdwTHRnZltHQldEQm1YVW9OSFVDP1ZDQU9FRVpEQYVXT2pSRFpDQ4ppU1ZDQF5JRWlUTltJR+SpjdR8aXRSS25aUbmGcHFaT5ltWl1KQlZDQLJvXpddUltGRHxvboR4dnZQSY+GhHxdUXVgV4lnWL6QcoBfV5toXL9xZGVKRLFmXHVAP5dLSXxpZlhEQldDQV5IQ1lFQqN0Y2pUTlxGQ4hfVZl5VWVQSW1dW3xbTW9OR2pUTmpVTXZoZ2ZQTJdnWmZJQ3VdReWtS3BiWndbTphmV6upqWVQSI2FhNPNzNnU021HQ3NjYc+5XO6vkriiV3ZqaFxHRX5fToxyX5d0TJ2EVraHdJOOjqd9Z7l9ZqtjUoRnYIxsWvn4+MnDwoY7OohYTtird82cfLaabOm2T72pY6CZmHlaTqmDVPDu7ulWVo5KSMqWgMS9vXhxcn9fU6SdncuXR4+CgYJ7ev+4QbZD//+8nLa2tlZDQf////KHc//Gjv/Lh+6Ib//Dkv+/mP/KiZmXl//naF1IRv/96/OTc//WXP/Blv++mv+4lf+zj/+7mmVKRv+wiv/MVYt+cv/84f/hY/+shPKPcm5OSYJ4d/+2k//fx/mmif65meSObv/72f7IifabdWVRTuuEcN6Ba6+traWhoJ9vYfKYfPCLcsl4Zql+bpaPjnxqZP/+9PW3lPyxkvjDg//9+vWfhXdgWv1aWv/Nmf/r3O3XbPq9TP/aq/q6nPqre97Z2Nuiif/swf/jr//InJFlWsybefqtjOiygO+zkPejeceRe29bV503N//m0P/Osv/w2/v07a2KUf/t1Pu0gLa0s+nm5rV0X5c4OP/BTN6je/zqffy7gdWJavF7W5A5Od7CXfjgZ+JzVUdwTDmRFRwAAADddFJOUwDeLTjm4xMbBEH02Avk3/CJc/3767j+0+ol9P3+auDe8v25xdn47/7+zP7i4u7TSpaA8qK5+N707fLWrMfp5/Wn4/3Ua+/+t975++zl8/3ozWA7/ero5e3t+e/1yf759t/56vz8+eaZ8/r7ye7z+qny+fDz/P////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AbYYNoQAABaJJREFUSMeNlvdbGlkUhkFAFETEAioq9q4Yu8ZuYjQa03uvJtm03X2ecQZFRcJqIll2BUOJWFAQ1h67RqOxpfdNsrv/zN47KEpCHvL9MjN3vnfOuee2IRDWRHVz8/fP4nCytvoQfkxuAcQiXVBZkEhkzNnq5vADBCmokqd7XdlZTCQSb1V2Buy1j7B0PLKpxaKg9C12kaTCw7/qKtfVWaQrtIt4iUTZndCtk5lwyssuEgIQ6BS9GJXhSJJdpFAkIgLj6/0fzxfhSII9woVoRipFMnOUIn+7UQASgH9d9vGiCFwu8TfqvyU5a5utihmNPEgYTTIZLEPx2mA6saJSd43utlVyxx03ivHydprLvMcFb+bTd9fX11/c4WR7ML1C9uwhBvCKD4t0h0NYeA/zDv4LiN3fIXA5+KJoPIm/l497fOi7AFB/MOF7hHNSSAiH6YsmW3j6KCR2peXnF3o5fuN3cgsN668G6j/PSDK/dqSP/mnRP99MBgfO2WqL+lMrYNvWC79tEucrYt+B1g2irq7ubDDInjP2+4YK8qwJn/2t1Q8fzcw8wv1QCyEuhH1Z+fmMAwcuvyh4/36MTrVGGP3Vjx5AjUN7a2trVdUCyN3HgUr14ae9KBi7QCdZE9set5qJBzN10I7rXEK8KxCJyhgb+5n+9bpm9D/8w6yZKotqMlBc/qkFGahrgov1qg/7W3nbrPF1P9AQTqQzmWCowPhaMTcXXj0zE6tmc+/Ch7CuNvFrnRhFs4muOOpqNS9DX02+/Avq2UPl6mxNzeMIbqTBAy3BMBAom4dKl8WQ2Yx4T07O3h4YGFidfY5hIwAxCATawTYMw0woGhAgfoMZYRwnUkVwcIXDGrL4alapnK1RAtdIQ0Nvl6Cv9okJPAyJxZfIRgybAmGYnKMa7eIHNmMfRBa1k7ALOPK0trY2oru2cRpE2dkmzdnJnAI3YjQtXCORdE88fzZ+GSxQb61WW9MANLs6AojGxjlVI8IWB3W2SaXpJ1GAGMXi9ONyuWR+BHx0/KAPIVQrkd9paKiFbqDyCA81goSLxWKpIudUiW8QNgXYX1L08omnMI+X/ScIwRK5ULUG9C7NRWgAgeRIpQpFzi2M59u23CZVkKf89BLlCKIcGBivSyXsNQiFEuh/wp5TKBR9AECulcWlk8tOYc/TmJAlX78e0XEUvmhsqKk6QnDZLhQKVQjCjlCAWi7DFwgj/MoASAILmE4jk8nZJVhcRju7q6unCTKpYC11CIV6NTKnh3NkCBKHDB3knRh2kncIiXvz5iSGnUqM5Pb1qTx6kKWeJyfA8QXDdDdNL7UEDcn2A8I9VyDoSCkjksPAfdwVDCs53i5ImUcQFbfrbUcGHM5tkWamRXajpQdBylPaBUCDEwibDZjjcXERoCEF5I6ouge7b+ITINgAmfs9yyaTO+IeihNyWLjHPdMI0tsHn3M/4b3sDV2b0xVcwOgHl6YR9RHviXmJXj6oRjY0CBGvE+fK3Q8Fr+9O1CgaFxSh3ZDLvIbYUJ9KxXB04rP81w9ral7s1eHYQFogSjnDnLZBNN25f5dstU3GDg9fjTm9cpri0R7t56m2Ady/O5+1GflpeDg2ZmXlHUVjCKScoYRPWANqANy7x052sUJiSk+/W/nimVHqIRBE+oX3biLUICdANHsei9q0LcfGbnEmJcS8+1LaIRdyaYGenmFWOQGgObH0jEfyBpKJH4uOeTE0zVs/TxConZa4lhMeorm5+Sjt87FMykYYS+EyM5MpQjhskbQwCwCIxe1o4DFhps0D1yleI5fr9R3R0bTQ8vWcNN6Bfv99jvbksmyeSt4SiUTuEe1Ho8TH0xmJRxJzwymuzEC/6HZBpK+zzR+sT1rNW1pOFAvPlUpydibB/F2ckyjbNZk2zz4+hR7Fsv0r5rzDzXL/P174wJi2ZHbsAAAAAElFTkSuQmCC&color=e48c78"/></a> </div>

Introduction

A starter Rsbuild template having:

[!TIP]

This code repository may occasionally update its dependency versions. If the dependency versions in the latest code do not meet your expectations, please go to Tags section to download a previous version of this template. I will display the dependencies used in each Tag, please choose the one you need.

这个代码仓库可能会不定期更新其依赖包的版本。如果最新代码中依赖的版本不符合你的期望,请移步Tags下载之前的模板。每个Tag中使用的依赖都会展示在Tag详情中,请选择你需要的版本。

Install

This project uses Node and a package manager (npm, yarn or pnpm). Go check them out if you don't have them locally installed.

Then you need a copy of this repository. You can download a copy as zip but tiged is recommended.

After you installed tiged, please excute the following commands:

$ cd path-to-save-your-project
$ tiged royrao2333/template-rsbuild-react-ts-tailwind your-project-name

After getting a copy of this repository, you can use your package manager to install dependecies:

$ cd path-to-your-project
$ pnpm install

# npm install
# yarn install

Usage

Let's run!

$ pnpm run dev

# npm run dev
# yarn run dev

We've already implemented some recommended configurations in biome.jsonc. Feel free to edit them if you have your own preferences.

Contributing

Feel free to dive in! Open an issue or submit PRs.