npx vite

# or

npx @web/dev-server --node-resolve --open  --watch

# fix execution policy error on windows when trying to execute npm scripts
# Open Windows Powershell as Administrator and run the following command
Set-ExecutionPolicy -ExecutionPolicy Unrestricted -Scope CurrentUser

# Installing SASS compiler
npm install -D sass
# Running SASS compiler watching for changes
# sass --watch <input file> <output file>
sass --watch css/style.scss css/style.css

# modern alternative using vite
# (does same thing automatically if a scss file is linked in the index.html)
npx vite

# Add a local git repository to github
git remote add origin <REMOTE-URL>
git add .
git commit -m "commit message"
git push origin main

# Create package.json file and project configuration
npm init

# Create configuration and install packages for linting
npm init @eslint/config
# Running ESlint - check syntax, find problems, enforce code style of all JavaScript files
npx eslint "**/*.js" # detecting and linting errors as far as possible
npx eslint "**/*.js" --fix # actually fixing errors as far as possible

# Run local development server with HMR and file watching (also compiles ".scss" files automatically)
npx vite

# Minifying, compiling and bundling our application for deployment on live system
# Builds project per default from "." folder to "dist" folder, uses "index.html" as entry point
npx vite build