Skip to content

tBrause/npm-vite-react-sass

Repository files navigation

DEV-JS-Entwicklungsumgebung

vite, react, sass, eslint, postcss, cssnano, cjs, vsc, git

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-sass.git .; git remote remove origin; npm install; npm run build; npm run dev

Erfolgreich getestet: 21.03.2023

Bearbeiten

CMD: VSCode öffnen

code .

CMD-Befehle

CMD: git clone & remote remove origin

git clone https://github.com/tBrause/npm-vite-react-sass.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
    • _normalize.scss
    • style.css
  • src
    • components
      • App.jsx
    • app.jsx
  • .eslintrc.cjs
  • .gitignore
  • package-lock.json
  • package.json
  • postcss.config.cjs
  • prettier.config.cjs
  • README.md
  • vite.config.js

Konfiguration

scripts

  • dev: --host
  • build: vite build
  • preview: vite preview

dependencies

  • react
  • react-dom
  • sass

devDependencies

  • @types/react
  • @types/react-dom
  • @vitejs/plugin-react
  • cssnano
  • postcss-preset-env
  • vite
  • eslint
  • eslint-plugin-jsx-a11y
  • eslint-plugin-react
  • eslint-plugin-react-hooks

browserslist

  • default

Frontend

Struktur und Dateien

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

GIT