Vite React Ts Starter Template 🗿
A nice and clean vite react ts starter pack for your project ^_^
📚 Description
A real chad starter template for your React projects which includes a bunch of useful tools and libraries. For code style and linting it come with eslint and prettier for styling it comes with sass and TailwindCSS ready to use.
🐕 Setup
1. Step One
Clone this repository using npx degit github:hesam-init/vite-react-ts-starter-template#starter <project-name>
and run yarn
or npm i
or pnpm i
i prefer to use yarn because it's fast and solid.
2. Step Two
{use VsCode to have all power of this template}
- Make sure all of the recommendations extensions are installed.
- to be sure about extentions, just go to the Extentions tab and search @recommended
- After you have installed the all recommended extensions you need to reload your vscode just press F1 or Ctrl + Shift + P to open command pallete and search for reload window
After all this steps everything should be work fine and perfectly. enjoy it ಥ_ಥ
🧩 Scripts
Start project as dev mode
npm run dev
orpnpm run dev
oryarn dev
it will open a new tabhttp://localhost:3000
Build project for production
npm run build
orpnpm run build
oryarn build
Locally preview production build
After creating the production build, run:
npm run prev
orpnpm run prev
oryarn prev
Lint and Fix all problems
Run eslint linter: this command will find problems and issues
npm run lint:eslint
orpnpm run lint:eslint
oryarn lint:eslint
Run eslint fixer: this command will fix all of those problem
npm run fix:eslint
orpnpm run fix:eslint
oryarn fix:eslint
🚀 It uses
😻 Show your support
Just press this ⭐️ little star button ^_^
Made with ❤️ by TypeVelopers ༼ つ ◕_◕ ༽つ