MCPcopy Index your code
hub / github.com/TheSwordBreaker/vite-reactts-eslint-prettier

github.com/TheSwordBreaker/vite-reactts-eslint-prettier @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
1 symbols 6 edges 6 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Vite + React + Typescript + Eslint + Prettier

A starter for React with Typescript with the fast Vite and all static code testing with Eslint and formatting with Prettier.

Vite + React + Typescript + Eslint + Prettier

I found out about Vite and I wanted to have a boilerplate for the technologies that I use. You can find more about these in the following links: Vite, React, Typescript, Eslint, Prettier.

Installation

Clone the repo and run yarn install

or Run command

npx degit TheSwordBreaker/vite-reactts-eslint-prettier project-name

Start

After the successfull installation of the packages: yarn dev

Steps in Vscode

(works with better with this template)

  1. Install Eslint and prettier extension for vs code.
  2. Make Sure Both are enabled
  3. Make sure all packages are Installed. (Mostly Eslint and prettier in node_modules)
  4. Enable formatOnSave of vs code
  5. Open a .tsx file and check if the bottom right corners of vs code have Eslint and Prettier with a double tick

Screenshot (253)_LI

If Everything is Good Then It Should Work, but let me new if something else happens

Made with ❤️ by theSwordBreaker(we Destory all types of sword ⚡)

Core symbols most depended-on inside this repo

App
called by 0
src/App.tsx

Shape

Function 1

Languages

TypeScript100%

Modules by API surface

src/App.tsx1 symbols

For agents

$ claude mcp add vite-reactts-eslint-prettier \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact