Vite + React + TypeScript + ESlint + Stylelint + TailwindCSS Template

Table of Contents

• Recommended IDE Setup
• About this project
• Prerequisites

Recommended IDE Setup

• VSCode + ES7+ React/Redux/React-Native snippets

About this project

This template includes the following packages:

這模板整合了以下套件

• React 18 - The library for web and native user interfaces
• TypeScript - TypeScript extends JavaScript by adding types.
• TailwindCSS - Rapidly build modern websites without ever leaving your HTML.
• ESLint - Find and fix problems in your JavaScript code
• Stylelint - A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

Prerequisites

請先安裝好 Node.js 環境

• npm
• Node.js
• yarn

This Demo project is running on Node.js (16.13.1) while testing.

Clone / Download

1. Clone this repository to your local machine
2. Start your development :)

$ git clone https://github.com/andy922200/vite-react-typescript-tailwindcss.git

Related Scripts

1. Enter the project folder

> Open a new terminal window and enter the folder
$ cd <project folder>

2. Install packages via yarn

$ yarn install

3. Compiles for development

$ yarn dev // port:3000

4. Check the coding style automatically ( tsx )

$ yarn lint

5. Check the css coding style

$ yarn lint-css

6. Locally preview production build

yarn preview

Author

• Andy Lien