Setting up a frontend dev environment (Debian/Ubuntu)

tl;dr: TO DO: i have [written a script here]() that will take care of the entire thing


sudo apt update && sudo apt upgrade -y

sudo apt install -y curl build-essential file git
  • build-essential includes gcc, g++ and make as well as other packages.

Node & Yarn

# install Node
curl -sL | sudo -E bash -
sudo apt-get install -y nodejs

# install Yarn
# curl -sS | sudo apt-key add -
# echo "deb stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
# sudo apt update && sudo apt install yarn

# Install Yarn 2
npm install -g yarn
  • If yarn global packages are not working, add Yarn to the $PATH.
echo -e "

## PATH - Yarn
export PATH=$PATH:`yarn global bin`" >> ~/.bashrc


# Homebrew
/bin/bash -c "$(curl -fsSL"

Now confirm instal and update $PATH

test -d ~/.linuxbrew && eval $(~/.linuxbrew/bin/brew shellenv)
test -d /home/linuxbrew/.linuxbrew && eval $(/home/linuxbrew/.linuxbrew/bin/brew shellenv)
test -r ~/.bash_profile && echo "eval \$($(brew --prefix)/bin/brew shellenv)" >>~/.bash_profile
echo "eval \$($(brew --prefix)/bin/brew shellenv)" >>~/.profile

Setting npm global defaults

# check the entire config
npm config ls -l

# check init related defaults
npm config ls -l | grep init
init-author-email = ""
init-author-name = ""
init-author-url = ""
init-license = "ISC"
init-module = "/home/aamnah/.npm-init.js"
init-version = "1.0.0"
# npm config set <key> <value> -g
npm config set init-author-name 'Aamnah' -g
npm config set init-author-url '' -g
npm config set init-author-email '' -g
npm config set init-license 'CC BY-SA 4.0' -g
npm config set init-version '0.0.1' -g

# yarn config set <key> <value> [-g|--global]
yarn config set -g init-license 'CC BY-SA 4.0'
yarn config set -g init-version '0.0.1'


sudo apt install -y git

git config --global 'Aamnah'
git config --global ''

Sublime Text

# 1. Install the GPG key:
wget -qO - | sudo apt-key add -

# 2. Ensure apt is set up to work with https sources:
sudo apt-get install apt-transport-https

# 3. Select the channel to use:
## Stable
echo "deb apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list

## Dev
# echo "deb apt/dev/" | sudo tee /etc/apt/sources.list.d/sublime-text.list

# 4. Update apt sources and install Sublime Text
sudo apt update && sudo apt install sublime-text

Frontend tooling

yarn global add parcel-bundler


--classic is needed if you want the app to be able to access external mount drives

sudo snap install chromium
sudo snap install firefox
sudo snap install opera --classic
sudo snap install youtube-dl
sudo snap install vlc
sudo snap install insomnia
sudo snap install postman
sudo snap install ngrok
sudo snap install node --classic --channel=edge # 8, 10 are other channel options
sudo snap install slack --classic
sudo snap install android-studio --classic
sudo snap install sublime-text --classic
sudo snap install code --classic

sudo snap install winds


# Netlify
npm install netlify-cli -g

# Firebase
curl -sL | bash