[web] Update README

This commit is contained in:
orosmatthew 2023-11-19 20:50:39 -05:00
parent d709109170
commit 2e11b32903

View File

@ -69,7 +69,7 @@ git clone https://github.com/orosmatthew/bw-hspc-contest-env
Next, you want to use VSCode for development which can be downloaded [here](https://code.visualstudio.com/) Next, you want to use VSCode for development which can be downloaded [here](https://code.visualstudio.com/)
Make sure you have the WSL extension installed. You can then connect WSL by opening VSCode and pressing `ctrl+shift+p` and searching for `Connect to WSL` and pressing enter. You can now press `File -> Open Folder` and it will now show the WSL file directories instead of Windows. Find and open the `web` directory in the `bw-hspc-contest-env` repo. You can now open the terminal in VSCode by pressing `ctrl+j`. This should be the terminal inside of WSL. This can be verified by running `uname` and it should return `Linux`. Install node dependencies by running... Make sure you have the WSL extension installed. You can then connect WSL by opening VSCode and pressing `ctrl+shift+p` and searching for `Connect to WSL` and pressing enter. I would also install the Svelte and Prisma extensions. Note that you need to click `install in WSL` on the extension as well. You can now press `File -> Open Folder` and it will now show the WSL file directories instead of Windows. Find and open the `web` directory in the `bw-hspc-contest-env` repo. You can now open the terminal in VSCode by pressing `ctrl+j`. This should be the terminal inside of WSL. This can be verified by running `uname` and it should return `Linux`. Install node dependencies by running...
```bash ```bash
# make sure you are in the bw-hspc-contest-env/web dir # make sure you are in the bw-hspc-contest-env/web dir
@ -110,6 +110,21 @@ If you want to change the port of the development server to match the same port
INIT=true npm run dev -- --port=3000 INIT=true npm run dev -- --port=3000
``` ```
Some useful commands for development are...
```bash
# This will format all files
npm run format
# This will report any linting errors/warnings
npm run lint
# This will report any typescript/svelte errors
npm run check
```
I usually run all 3 of these commands before I commit to make sure everything is formatted and checked.
## Build Instructions ## Build Instructions
### For all builds ### For all builds