ViteJS Template [TypeScript]

Template of a ViteJS project with TypeScript, ReactJS, Tailwind CSS, and ESLint.

Installation • Key Features • Available Scripts • Contact

Installation

Clone the repository, install Node.js (runtime environment), Visual Studio Code (code editor), and the necessary extensions. Then run command npm install, and npm run prepare to install all packages necessary for this template. That's all.

• Optional: Delete .gitkeep files, they are just to upload empty folders.

Necessary Extensions:

• ESLint
• Prettier - Code Formatter
• Tailwind CSS IntelliSense

Recommended Extensions:

• Error Lens
• Spell Right
• Material Icon Theme
• Markdown Preview Github Styling
• ES7+ React/Redux/React-Native Snippets

Key Features

• Icons by Tailwind Labs
• CSS utility classes by Tailwind CSS
• Autosave each second by Visual Studio Code
• Custom folder structure to organize your files
• Automatic CSS utility class sorting by Tailwind Labs
• Live formatter by Prettier with a custom configuration
• Live code analyzer (linter) by ESLint with a ReactJS configuration
• Complete index.html file with open graphs and esencial meta tags
• Pre-format documents each time you make a commit by Husky and Prettier

Available Scripts

• npm run dev: Runs the project in the development mode. Open http://localhost:5173 to view it in your browser. The page will reload when you make changes. You may also see any lint errors in the console.

Contact

If you want to contact me, please see my socials medias in my GitHub profile.