Frontend Tools

Frontend Tools (v. 0.0.1 - draft version)

Git Client

Use what you like. Possibilities include:

• Github Client
• Fork
• GitKraken
• Terminal
• Github extension for VScode
• Git Tower

Node manager

As you'll be running different versions of node, nvm is needed. Windows: https://github.com/coreybutler/nvm-windows MacOS: https://github.com/nvm-sh/nvm

Yarn

https://classic.yarnpkg.com/en/docs/install

Terminal

Use what you like. Possibilities include:

• VS code built in
• Windows terminal (upgrade with shortcuts https://gist.github.com/tfjordside/1e46d191e578ca53bc850eaa2c1eef47)
• MacOs terminal

Editor

Visual Studio Code - (Required)

Extension list for VS Code

Required

• Volar - https://marketplace.visualstudio.com/items?itemName=Vue.volar
• Tailwind CSS IntelliSense - https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss
• Prettier - https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
• ESLint - https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
• EditorConfig - https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig
• Auto Timestamp - https://marketplace.visualstudio.com/items?itemName=lpubsppop01.vscode-auto-timestamp

Encouraged

• dotENV - https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv
• Github Pull requests and issues - https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github
• Scss everywhere - https://marketplace.visualstudio.com/items?itemName=gencer.html-slim-scss-css-class-completion
• Search node modules - https://marketplace.visualstudio.com/items?itemName=jasonnutter.search-node-modules

Misc

• Limbo Portal Chrome Extension - https://github.com/limbo-works/Limbo-SPA-Chrome-Extension
• Vue Devtools - https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
• SiteImprove Chrome Extension - https://chrome.google.com/webstore/detail/siteimprove-accessibility/djcglbmbegflehmbfleechkjhmedcopn?hl=en