Front End Dev Setup

Setup.md

UI / Front End Local Dev Environment at BHSI

Setup Windows Subsystem for Linux

This will give us a bash terminal. It also makes it a bit easier to manage file permissions, add dependencies, etc.

• https://docs.microsoft.com/en-us/windows/wsl/install-win10
• Choose Ubuntu instance

Setup Homebrew

Homebrew installs packages to their own directory and then symlinks their files into /usr/local.

From the newly installed Ubuntu terminal: sh -c "$(curl -fsSL https://raw.githubusercontent.com/Linuxbrew/install/master/install.sh)"

Add homebrew to your path

test -d ~/.linuxbrew && PATH="$HOME/.linuxbrew/bin:$HOME/.linuxbrew/sbin:$PATH"

test -d /home/linuxbrew/.linuxbrew && PATH="/home/linuxbrew/.linuxbrew/bin:/home/linuxbrew/.linuxbrew/sbin:$PATH"

test -r ~/.bash_profile && echo "export PATH='$(brew --prefix)/bin:$(brew --prefix)/sbin'":'"$PATH"' >>~/.bash_profile

echo "export PATH='$(brew --prefix)/bin:$(brew --prefix)/sbin'":'"$PATH"' >>~/.profile

Homebrew Packages to install

• Node - brew install node
• NVM - curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash
• Git - brew install git
  • SSH
    • https://help.github.com/articles/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent/
    • If id_rsa file is blank: cat ~/.ssh/id_rsa.pub
      • ref: https://git-scm.com/book/en/v1/Git-on-the-Server-Generating-Your-SSH-Public-Key
  • run git from VS Code with WSL (microsoft/vscode#13138)
• Hugo - brew install hugo

NPM Packages to install

• Sass - npm install -g sass
• Gulp - npm install -g gulp-cli
• Foundation CLI (for email templates) - npm install -g foundation-cli
  • Looks like this requires python. Trying to install with brew then will re-run.