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
Packages
sudo apt update && sudo apt upgrade -y
sudo apt install -y curl build-essential file git
build-essential
includesgcc
,g++
andmake
as well as other packages.
Node & Yarn
# install Node
# https://github.com/nodesource/distributions/blob/master/README.md
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt-get install -y nodejs
# install Yarn
# curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
# echo "deb https://dl.yarnpkg.com/debian/ 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
# Homebrew
# https://docs.brew.sh/Homebrew-on-Linux
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
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 'https://aamnah.com' -g
npm config set init-author-email 'hello@aamnah.com' -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'
Git
sudo apt install -y git
git config --global user.name 'Aamnah'
git config --global user.email 'hello@aamnah.com'
Sublime Text
# 1. Install the GPG key:
wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | 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 https://download.sublimetext.com/ apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list
## Dev
# echo "deb https://download.sublimetext.com/ 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
Snaps
--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
Devops
# Netlify
# https://docs.netlify.com/cli/get-started/
npm install netlify-cli -g
# Firebase
#https://firebase.google.com/docs/cli#install-cli-mac-linux
curl -sL https://firebase.tools | bash