Posts From Category: wsl

BeyondCompare from WSL

Configure merge and diff

[diff]
        tool = BCompare
[difftool]
        prompt = true
[difftool "BCompare"]
        path = "/c/Program\\ Files/Beyond\\ Compare\\ 4/bcomp.exe"
        cmd = "/c/Program\\ Files/Beyond\\ Compare\\ 4/bcomp.exe"  "$(wslpath -aw $LOCAL)" "$(wslpath -aw $REMOTE)"                                                                                                                          [merge]
        tool = BCompare
[mergetool "BCompare"]
        path = "/c/Program\\ Files/Beyond\\ Compare\\ 4/bcomp.exe"
        cmd = "/c/Program\\ Files/Beyond\\ Compare\\ 4/bcomp.exe" "$(wslpath -aw $BASE)" "$(wslpath -aw $LOCAL)" "$(wslpath -aw $REMOTE)" "$(wslpath -aw $MERGED)"

Reference

Configure Alias

[alias]
        review = "!sha=$1; git status; b() { total=$(git diff | wc -l); if [ $total -eq \"0\" ]; then git diffdir --cached; else git diffdir; fi; }; s() { git diffdir $sha^ $sha; }; r() { if [ -z \"$1\" ]; then b; else s; fi; }; r"
        diffdir = difftool --dir-dif --no-symlinks

Run

touch tmp.txt
git add .
git review
git commit -am "tmp"
git review HEAD

Read More

Angular w/ Bootstrap from WSL

Install Node & Angular

sudo apt-get update
sudo apt-get upgrade
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt-get install -y nodejs
sudo npm install -g @angular/cli

Make Project

mkdir /path/to/working/dir
cd /path/to/working/dir
ng new my-app
cd my-app
npm install --save bootstrap
code .

Configure VS Code

  • Extensions: Angular Essentials by John Papa
  • Configure Chrome Launch: localhost:4200
  • Set Terminal Default: WSL
  • Open WSL & Run: ng serve

Read More