Tools

Git

1) Initialize the folder git init Add a simple html file *(git config core.autocrlf false or git config --global core.safecrlf false)

2) Add files Git repository - 1^st git add .

3) commit the current staging area to Git repository - 2^nd git commit -m "first commit"

4) Check the log of the commits to Git repository git remote add origin https://kokkinakiskonst@bitbucket.org/kokkinakiskonst/bootstrap4practice.git

5) Push the commits to the online repository - 3^th git push -u origin master

Check Git repository's status git status

Check the log of the commits to Git repository git log --oneline

NPM

1) Initialize the folder * 1^st npm init

2) Install an NPM module, lite-server, 2^nd npm install lite-server --save-dev

       {
       "name": "git-test",
       "version": "1.0.0",
       "description": "This is the Git and Node basic learning project",
       "main": "index.html",
  "scripts": {
    "start": "npm run lite",
    "test": "echo \"Error: no test specified\" && exit 1",
    "lite": "lite-server"
  },
  "repository": {
    "type": "git",
    "url": "git+https://jogesh_k_muppala@bitbucket.org/jogesh_k_muppala/git-test.git"
  },
  "author": "",
  "license": "ISC",
  "homepage": "https://bitbucket.org/jogesh_k_muppala/git-test#readme",
  "devDependencies": {
    "lite-server": "^2.2.2"
  }
}

3) Install an NPM module, Bootstrap, 3^rd npm install bootstrap@4.0.0-alpha.6 --save

4) Lite Server Start 3^rd npm start

* Setting up .gitignore Create a file in your project directory named .gitignore (Note: the name starts with a period)Then, add the following to the .gitignore file writenode_modules

Some more installations

Font Awesome icon font toolkit npm install font-awesome --save Checkout more at Social Buttons for Bootstrap

Bootstrap 4 + Tether & JQuery npm i bootstrap npm i jquery npm i tether

Bootstrap 4 + Tether & JQuery dependancies * alpha version npm i bootstrap4-plus-jquery

Gulp