# Vite

***

## AI and DevOps: Heads Up

AI can be pretty bad at everything devops related.

That includes doing project configuration with Vite, Webpack, Linter, Prettier and the likes.

***

## Docs

<https://vite.dev/guide/>

***

## Getting Started In Dev Environment

`npm create vite@latest`

`cd my-project`

`npm install`

`npm run dev`

***

## Build

`npm run build`

Then locally preview your build: `npm run preview`

<https://v4.vitejs.dev/guide/static-deploy.html>

***

## HTTPS on localhost

`npm install -D @vitejs/plugin-basic-ssl`

> import basicSsl from '@vitejs/plugin-basic-ssl'
>
> export default { plugins: \[ basicSsl() ] }

<https://stackoverflow.com/questions/69417788/vite-https-on-localhost>

***

## Env Variables and Modes

Debugging

1. Make sure your `.env` file is in the root of your project. Not in the `src` folder.
2. Make sure your variables start with `VITE_`

<https://vite.dev/guide/env-and-mode>

Read more in dedicated notes "nodejs environment variables"

***

## Migrate to Vite from Create React App (CRA)

<https://www.robinwieruch.de/vite-create-react-app/>

***