woodkill00/sass_test

dev env for sass files

CSS

SASS TEST

Info For Start

Basic Commands

Make project container folder, use this command:
```
mkdir <containerFolderName>
```
Move to project container folder, use this command:
```
cd <containerFolderName>
```

Install repo, use this command:

git clone https://github.com/woodkill00/sass_test.git .

Make Virtual Environment, use this command:
```
python3 -m venv venv
```
Activate Virtual Environment, use this command:
```
source venv/bin/activate
```
Upgrade pip, use this command:
```
python3 -m pip install --upgrade pip
```
Install local requirements, use this command:
```
pip install -r requirements.txt
```

GIT UPDATE***

Will add here
```
text here
```

NVM

NVM Install nvm: node version manager https://github.com/nvm-sh/nvm

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

NVM Syntax:

  nodeVersion=16.15.1
  nvm install $version
  nvm use version-number
  nvm ls

NPM Latest Version

```
  nvm install-latest-npm
```

NPM Info

Logging https://docs.npmjs.com/cli/v8/using-npm/logging

Error logging https://www.npmjs.com/package/errorlog

https://www.npmjs.com/package/log-process-errors
npm install -D log-process-errors

NPM Syntax

  packageName=postcss
  npm install $packageName --save-dev
  npm audit fix

NPM Run Commands

Must uncomment the correct style.css sheets

Run development sass with watch & changes:
```
  npm run watch:dev:sass
```
Run development sass watch & changes without it being compiled so you can see the css code better:
```
  npm run watch:sass
```
Run to compile all the sass and have it output for final version:
```
  npm run build:css
```

Lint Staged

  lint-staged.config.js
  https://github.com/okonet/lint-staged#configuration

Lint Staged Scripts

```
  "precommit:staged": "lint-staged"
```

use for the first time on an old set of code

https://medium.com/millennial-falcon-technology/reformatting-your-code-base-using-prettier-or-eslint-without-destroying-git-history-35052f3d853e

MIME TYPES

https://developer.mozilla.org/en-US/docs/Learn/Server-side/Configuring_server_MIME_types