Giter Club home page Giter Club logo

setup-a-local-web-development-environment's Introduction

Setting up a local development environment with Node.js and Git

Install Node.js on Linux, Windows, and MacOS using (nvm)

nvm is a version manager for node.js, designed to be installed per-user, and invoked per-shell. nvm works on any POSIX-compliant shell (sh, dash, ksh, zsh, bash), in particular on these platforms: unix, macOS, and windows WSL.

Installing NVM

To install or update nvm, you should use the following cURL(for Linux, and MacOS) or Wget ( for Windows Powershell users) command:

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

Running either of the above commands downloads a script and runs it. The script clones the nvm repository to ~/.nvm, and attempts to add the source lines from the snippet below to the correct profile file (~/.bash_profile, ~/.zshrc, ~/.profile, or ~/.bashrc).

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

Verify Installation

Reload your terminal, than check if nvm is installed properly

To verify that nvm has been installed, do:

command -v nvm

or

nvm -v # to see the version number example: 0.39.3

If you want to see what versions are available to install:

nvm ls-remote

To install a specific version of node:

nvm install 14.7.0 # or 16.3.0, 12.22.1, etc

To install the Long-term Support (A.K.A Stable version) of node:

nvm install --lts

Setting up Node.js on Windows

In Powershell
# installs fnm (Fast Node Manager)
winget install Schniz.fnm

# download and install Node.js
fnm use --install-if-missing 20

# verifies the right Node.js version is in the environment
node -v # should print `v20.14.0`

# verifies the right NPM version is in the environment
npm -v # should print `10.7.0`

or download the windows installer via (Node Windows installer) and follow install instructions

To verify that Node.js has been installed properly, in your shell type the following command:

node --version

Setting up git on Linux

In your terminal type in the command that matches your linux distribution For administrator privileges be sure to use sudo

Debian/Ubuntu

For the latest stable version for your release of Debian/Ubuntu

apt-get install git

For Ubuntu, this PPA provides the latest stable upstream Git version

add-apt-repository ppa:git-core/ppa 

apt update

apt install git

Fedora

(up to Fedora 21)
yum install git
(Fedora 22 and later)
dnf install git

Gentoo

emerge --ask --verbose dev-vcs/git

Arch Linux

pacman -S git

openSUSE

zypper install git

Mageia

urpmi git

Nix/NixOS

nix-env -i git

FreeBSD

pkg install git

Solaris 9/10/11 (OpenCSW)

pkgutil -i git

Solaris 11 Express

pkg install developer/versioning/git

OpenBSD

pkg_add git

Alpine

apk add git

Setting up git on Windows 10/11

Install the standalone .exe

32-bit Git for Windows Setup.

64-bit Git for Windows Setup.

Check your git installation in the terminal

git --version

Setting up git credentials via the terminal

In your terminal type these commands without quotes

Enter your Github user name

git config --global user.name "Your Github User Name Here"

Enter the email you used to sign-up for GitHub (Very Important)

git config --global user.email "[email protected]"

Change the name of the master branch to main (Very Important)

git config --global init.defaultBranch main

Enter in terminal to see the config

git config --list

The terminal should look something like this

git config --list
user.name=Your Github User Name Here
[email protected]
init.defaultbranch=main

Generating an SSH key

Remain in the terminal and enter these commands

ssh-keygen -t ed25519 -C [email protected]

Hit Enter until the process is done

In the terminal open the file id_ed25519.pub inside the .ssh directory within your Home directory with the following command.

cat id_ed25519.pub

copy paste the code to your github account by adding the ssh key here

Click New ssh key button alt text Fill out the required fields and click the add ssh key button alt text

Once the ssh key is added, create a repository on GitHub, clone it, add files, commit and push. When you try to push the repository a popup with ask to add your system to github fully type yes, and hit ENTER.

Have fun and enjoy your new development environment.

Special thanks to nvm, Node.js, and git for helping me with the detailed information.

setup-a-local-web-development-environment's People

Contributors

web-dev-codi avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.