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