tBrause/npm-vite-react-typescript

Entwicklungsumgebung: VITE, REACT, SASS & TYPESCRIPT

React-TypeScript-Entwicklungsumgebung

vite, react, typescript, sass, eslint, postcss, cssnano, cjs

Installation

CMD: Projektordner erstellen und hinein wechseln

mkdir Name; cd Name

Schnellstart

CMD: git clone & git remote remove orgin & npm install & npm run build & npm run dev

git clone https://github.com/tBrause/npm-vite-react-typescript.git .; git remote remove origin; npm install; npm run build; npm run dev

Erfolgreich getestet: 16.08.2023

Bearbeiten

CMD: VSCode öffnen

code .

CMD-Befehle

CMD: git clone & remote remove origin

git clone https://github.com/tBrause/npm-vite-react-typescript.git .; git remote remove origin;

CMD: npm install

npm install

CMD: npm run build

npm run build

CMD: npm run dev

npm run dev

CMD: npm run preview

npm run preview

Struktur und Dateien

• public
  • vite.svg
• sass
  • style.scss
• src
  • main.tsx
  • reset.d.ts
  • vite-env.d.ts
• .eslintrc.cjs
• .gitignore
• index.html
• package-lock.json
• package.json
• postcss.config.cjs
• prettier.config.cjs
• README.md
• tsconfig.json
• tsconfig.node.json
• vite.config.js

Konfiguration

scripts

• dev: vite
• build: tsc && vite build
• preview: vite preview

dependencies

• open-props
• react
• react-dom
• redaxios
• zod

devDependencies

• @total-typescript/ts-reset
• @types/react
• @types/react-dom
• @typescript-eslint/eslint-plugin
• @typescript-eslint/parser
• @vitejs/plugin-react
• cssnano
• postcss-preset-env
• vite
• eslint
• eslint-config-prettier
• eslint-plugin-jsx-a11y
• eslint-plugin-react
• eslint-plugin-react-hooks
• postcss-jit-props
• postcss-preset-env
• sass
• typescript

browserslist

• default

Frontend

Struktur und Dateien

• dist
  • assets
    • index-cache.js
    • index-cache.css
  • index.html
  • vite.svg