[How to Initiate a Demo App Quickly in Your Terminal] Add a Quick Demo Function to Zsh #zsh #tips

.zshrc

# rest of your Zsh configuration here

demo () {
  if [ ! "$#" -gt 0 ]; then echo "Missing application name!"; return 1; fi
  case "$2" in
    "")
      mkdir $1;
      cd $1;
      npm init -y;
      ;;
    angular)
      npx @angular/cli new $1 --minimal --routing --strict --style=css
      cd $1;
      ;;
    react)
      npx create-react-app my-app $1;
      cd $1;
      ;;
    vue)
      npx create vite-app $1;
      cd $1;
      npm install;
      ;;
    *)
      echo "Unknown application type!";
      ;;
  esac
}

.zshrc (with Yarn)

# rest of your Zsh configuration here

demo () {
  if [ ! "$#" -gt 0 ]; then echo "Missing application name!"; return 1; fi
  case "$2" in
    "")
      mkdir $1;
      cd $1;
      npm init -y;
      ;;
    angular)
      npx @angular/cli new $1 --minimal --package-manager=yarn --routing --strict --style=css
      cd $1;
      ;;
    react)
      yarn create react-app $1;
      cd $1;
      ;;
    vue)
      yarn create vite-app $1;
      cd $1;
      yarn;
      ;;
    *)
      echo "Unknown application type!";
      ;;
  esac
}