Breaking News: Grepper is joining You.com. Read the official announcement!

vite react typescript tailwind

Elegant Earthworm answered on November 2, 2022 Popularity 9/10 Helpfulness 10/10

answer vite react typescript tailwind

related react typescript tailwind css

vite react typescript tailwind

Comment

npm create vite@latest . -- --template react-ts

npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init -p

# Modify in ./tailwind.config.js:
content: ["./index.html", "./src/**/*.{js,jsx,ts,tsx}"],

# Insert in ./src/index.css:
@tailwind base; @tailwind components; @tailwind utilities;

npm run dev

Popularity 9/10 Helpfulness 10/10 Language shell

Source: Grepper

Tags: react-typescript shell vite

Link to this answer
Share Copy Link

Contributed on Jul 08 2024

Elegant Earthworm

0 Answers Avg Quality 2/10

Closely Related Answers

react typescript tailwind css

Comment

-1

npx create-react-app app --template typescript

cd app

npm install -D tailwindcss postcss autoprefixer 

npx tailwindcss init -p


// tailwind.config.js
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  
  theme: {
    colors: {
      primary: "#101010",
      mainback: "#1D0070",
      white: "#fff",
      black: "#000",
      default: "#D2D5DA",
      number: "#4B5563",
      subnumber: "#111827",
    },
    screens: {
      sm: { max: "768px", min: "350px" },
      md: "768px" ,
      lg: "1080px" ,
      xl: {min: "1440px"},
    },
  },
  
// src/index.css
@tailwind base;
@tailwind components;
@tailwind utilities;

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: react-typescript reac

Link to this answer
Share Copy Link

Contributed on Nov 02 2022

Code+Composer

0 Answers Avg Quality 2/10

vite react typescript tailwind

Contents

More Related Answers

vite react typescript tailwind

Closely Related Answers

react typescript tailwind css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.