Instalar Bootstrap con NPM

Instalar Bootstrap
=====================================

Instalación de Node.js y npm

Descargar e Instalar Node.js => https://nodejs.org/es/
Para comprobar la versión de node y npm, ejecuta este comando:
$> node --version
$> npm --version

Para Actualizar la versión de npm, ejecuta este comando:
$> npm install -g npm@latest

Creamos nuestro archivo en formato.json, estando en la raiz de nuestro proyecto ejecutamos el siguiente comando:
$> npm init -y

Instalar Bootstrap 5 con npm

$> npm install bootstrap

Crear en la raiz del proyecto una carpeta y un archivo de nombre scss/styles.scss
Para agregar todos los estilos de Bootstrap lo importamos dentro del archivo styles.css
@import "../node_modules/bootstrap/scss/bootstrap.scss";

Instalar Sass

Descargar e instalar Sass https://sass-lang.com/
Si utiliza Node.js, también puede instalar Sass mediante npm ejecutando:
$> npm install -g sass
$> sass --version

Compilar archivo SAS a CSS

$> sass --watch scss:css
$> sass --watch scss/styles.scss:css/styles.css

Vinculamos nuestro archivo compilado css
<link rel="stylesheet" href="css/styles.css">

Copiamos la carpeta JS que se encuentra en nodes_modules y lo pegamos en la raiz

Ruta: /node_modules/bootstrap/dist/js

En la carpeta js solo nos quedamos con los siguientes archivos js

bootstrap.min.js

bootstrap.min.js.map

Para finalizar Vinculamos el archivo js

<script src="js/bootstrap.min.js"></script>

Habilitar Menu Compacto de Firefox 96

Habilitar Menú Compacto de Firefox
=============================

Ir al navegador

about: config

Luego escribir:

browser.compactmode.show 

cambiar de False a True

Luego ir 

Herramientas -> Personalizar Barra de Herramientas

Elegir Modo Compacto

Activar Windows 10 desde CMD

 Estos son los pasos para activar Windows 10  desde el cmd:

Ir a inicio y escribir "cmd".

Clic derecho "ejecutar como administrador".

Escribir "slmgr /ipk W269N-WFGWX-YVC9B-4J6C9-T83GX"

Luego "slmgr /skms kms.digiboy.ir".

Por último "slmgr /ato".

___________________________________________________________

Comprobar que Windows está correctamente activado

Puedes comprobar que tu sistema operativo se activó de manera satisfactoria y para eso ejecuta el siguiente comando en la consola.

$> slmgr /xpr

Activar Windows 11 desde CMD

 Estos son los pasos para activar Windows 11 desde el cmd:

Ir a inicio y escribir "cmd".

Clic derecho "ejecutar como administrador".

Escribir "slmgr /ipk W269N-WFGWX-YVC9B-4J6C9-T83GX"

Luego "slmgr /skms kms.digiboy.ir".

Por último "slmgr /ato".

_______________________________________________________

Comprobar que Windows está correctamente activado

Puedes comprobar que tu sistema operativo se activó de manera satisfactoria y para eso ejecuta el siguiente comando en la consola.

$> slmgr /xpr

Personaliza tu terminal Git Bash

 Personaliza tu terminal Git Bash

=============================

Quitar el " MINGW64 "

C:\Program Files\Git\etc\profile.d\

Editar el archivo git-prompt.sh

Hay muchas líneas para modificar pero la que nos interesa en este caso son las que muestran el “MINGW64”.

Para ello solo necesitamos ubicar las siguientes lineas y comentarlas.

13: #PS1="$PS1"'\n'                 # new line

16: #PS1="$PS1"'\[\033[35m\]' # change to purple

17: #PS1="$PS1"'$MSYSTEM '    # show MSYSTEM

Para Quitar el titulo de la ventana se tiene que editar la primera linea de los PS1 eliminando

12: PS1='\[\033]0;$TITLEPREFIX:$PWD\007\]' # set window title

y al reemplazar quedaría así:
12: PS1='\[\033]0;GitBash \007\]' # set window title

Agregar despues del user@host<space>

PS1="$PS1"'\[\033[0m\]'

PS1="$PS1"':' # new line

Comentar new line 

:35  #PS1="$PS1"':'                 # new line

#export PS1='\[\e[38;2;220;220;170m\]➔ \[\e[38;2;30;197;147m\]$(basename "$PWD") \[\e[0m\]'

#export PS1='\e[38;2;220;220;170m[\e[38;2;30;197;147m\u@\h\e[38;2;220;220;170m]\[\033[0m\]$\[\033[0m\] '

#export PS1='\e[38;2;30;197;147m\u\[\033[0m\]@\e[38;2;255;255;162m\h \[\033[0;37m\]$> '

#export PS1='[\e[38;2;30;197;147m\u@\h\[\033[0;37m\]]\[\033[0;96m\]$>\[\033[0m\] '

_____________________________________________________________________________

Configurar Ventana Gitbash

Ir a Opciones 

en Texto -> Tipo Letra: MesloLGM Nerd Font, 12pt

                    Idioma: es_ES

                    Juego de Caracteres:CP850(OEM codepage)

en Ventana-> Columnas:101

                        Filas:23

_____________________________________________________________________________

Configurar Git-Bash a la nueva Terminal de Windows

Generar un GUID para Gitbash

$> [guid]::NewGuid()

Configurar GITBASH

Ir a Windows Terminal -> configuracion -> Settings.json

               "centerOnLaunch": true,  --> Centrar Terminal

{

    "name" : "Git Bash",

            "guid": "{54e286c6-07bf-4aa1-9d30-c83c95dd61e6}",

            "hidden": false,

            "name": "Git Bash",

            "commandline": "C:/Program Files/Git/bin/bash.exe --login",

            "icon": "C:/Program Files/Git/mingw64/share/git/git-for-windows.ico",

    "startingDirectory":"%USERPROFILE%",

            "opacity":97,

            "padding" : "8,2, 8, 2",

            "font": 

                {

                "face": "MesloLGM Nerd Font",

                "size": 12,

                "weight": "Medium"

                },

            }

Establecer perfil predeterminado: el GitBash

Editar el GUID por el GitBash 

"defaultProfile": "{c9e3dc61-d7c6-45f2-b929-68b9c69d7eb9}",

 Agregar perfil para todas las terminales

 "defaults":

        {

            // Put settings here that you want to apply to all profiles.

"useAcrylic":true,

                "face": "MesloLGM Nerd Font",

//"fontFace":"Consolas",

"fontSize":12,

       "cursorColor" : "#CFCFCF", o "FFCC00"

               "cursorShape" : "bar",

       "historySize" : 9001,

       "padding" : "8, 2, 8, 2",

               "opacity": 97,

              "centerOnLaunch": true,

        },

                      
Tamaño de Terminal: colum 101   Filas:19

Tipo Fuente: MesloLGM Nerd Font o Cascadia Mono

Tamaño Fuente:12

Espesor Fuente:Seminegrita

Comando para saber la velocidad de memoria ram de tu ordenador

Comando para saber la velocidad de memoria ram de tu ordenador
====================================================

 $> wmic MemoryChip get BankLabel, Capacity, MemoryType, TypeDetail, Speed, ManuFacturer

Extensiones para Mozilla Firefox

Extensiones para Mozilla Firefox
============================
- Traducir paginas web
- Buscar por imagen en Google
- Ublock origin
- Lastpass

Atajos:

ALT                       -->     Barra de Menú
CTRL + H             -->     Panel lateral de Historial

CTRL + Shift + O -->     Abrir Ventana Marcadores
CTRL + O             -->     Abrir Archivo
CTRL + Shift + B -->     Mostrar barra de Marcadores
CTRL + TAB        -->     Navegar entre pestañas

SASS

Patrón 7–1
==============
Basicamente, tienes todas las partes almacenadas en 7 carpetas diferentes, y un único archivo en el directorio raíz (normalmente llamado main.scss) y que importa todas estas partes para luego compilarlas en una hoja de estilo CSS.

Crear multiples directorios en VSCode con mkdir:
$>cd sass
$>mkdir base components layout pages themes utils vendors


Clasificacion:
-base: Carpeta con los estilos que compartirán todas las páginas.
-components: Es donde se almacenan los bloques BEM que son más autónomos, como botones,card, carousel, modal, dropdown.
-Layout: es donde se almacenan bloques BEM que contienen cosas que se pueden reutilizar, como un formulario,header,footer,sidebar.
-Pages: contiene bloques de código que solo se aplican a una sola página.
-Themes: Es donde almacenas código temático, como estilo personalizado para Navidad o Halloween. Esto no se aplica al sitio que estamos creando.
-Vendors: Es un directorio para hojas de estilos de biblioteca de terceros como Bootstrap o jquery.