{"id":25149268,"url":"https://github.com/b1gbyt3/dev-setup","last_synced_at":"2025-04-03T07:41:20.992Z","repository":{"id":125773073,"uuid":"320746103","full_name":"b1gbyt3/dev-setup","owner":"b1gbyt3","description":"How to set up Web-Dev Enviroment on M1 Mac","archived":false,"fork":false,"pushed_at":"2021-03-03T08:16:45.000Z","size":19540,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-08T21:21:48.644Z","etag":null,"topics":["airbnb-eslint","airbnb-javascript","eslint","eslint-config-airbnb","github","homebrew","homebrew-cask","node","nvm","oh-my-zsh","oh-my-zsh-theme","ohmyzsh","prettier","prettier-eslint","ssh-key","visual-studio-code","visual-studio-code-extension","visual-studio-code-theme","zsh","zshrc"],"latest_commit_sha":null,"homepage":"https://github.com/eliasbnk/dev-setup","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/b1gbyt3.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-12-12T04:17:58.000Z","updated_at":"2025-01-24T08:58:34.000Z","dependencies_parsed_at":null,"dependency_job_id":"f9be45c2-9b99-4f1e-b462-f2a9817237e7","html_url":"https://github.com/b1gbyt3/dev-setup","commit_stats":null,"previous_names":["layer-se7en/dev-setup","b1gbyt3/dev-setup"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b1gbyt3%2Fdev-setup","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b1gbyt3%2Fdev-setup/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b1gbyt3%2Fdev-setup/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b1gbyt3%2Fdev-setup/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/b1gbyt3","download_url":"https://codeload.github.com/b1gbyt3/dev-setup/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246961517,"owners_count":20861172,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["airbnb-eslint","airbnb-javascript","eslint","eslint-config-airbnb","github","homebrew","homebrew-cask","node","nvm","oh-my-zsh","oh-my-zsh-theme","ohmyzsh","prettier","prettier-eslint","ssh-key","visual-studio-code","visual-studio-code-extension","visual-studio-code-theme","zsh","zshrc"],"created_at":"2025-02-08T21:20:16.605Z","updated_at":"2025-04-03T07:41:20.967Z","avatar_url":"https://github.com/b1gbyt3.png","language":null,"readme":"# How to set up Web-Dev Enviroment on M1 Mac\n# In this guide I will show you\n- how to install homebrew \n- how to install all necessary apps and extensions \n- how to install Spaceship theme with Oh-My-Zsh\n- how to install node\n- how to setup eslint with airbnb style guide\n- how to add SSH-KEY to github account\n\n\n## 1. Downlod dev-setup-scripts.zip\n\n\u003ca href='https://github.com/eliasbnk/dev-setup/blob/main/dev-setup-scripts.zip?raw=true' target=\"_blank\" rel=\"noopener noreferrer\"\u003edownload link for dev-setup-scripts.zip\u003c/a\u003e\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## 2. Setting Up Rosetta Terminal\n\n#### `[press command + Space]`\n\nthat should open Spotlight\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/spotlight.png)\n\ntype the following into Spotlight:\n\n```\n/applications\n```\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/Screen%20Shot%202021-03-02%20at%205.02.14%20PM.png)\n\n#### double click on Applications Folder\n\n\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### Applications Folder should open\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/Screen%20Shot%202021-03-02%20at%205.02.24%20PM.png)\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\ntype the following into search:\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/Screen%20Shot%202021-03-02%20at%205.02.32%20PM.png)\n\n```\nTerminal\n```\n\nchoose search Applications\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/Screen%20Shot%202021-03-02%20at%205.02.44%20PM.png)\n\nright-click Terminal \n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/Screen%20Shot%202021-03-02%20at%205.05.00%20PM.png)\n\nclick on Duplicate\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/Screen%20Shot%202021-03-02%20at%205.05.03%20PM.png)\n\nif asked enter your password \u0026 press ok\n\nright-click duplicated Terminal \u0026 click on Rename\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/Screen%20Shot%202021-03-02%20at%205.05.32%20PM.png)\n\nrename the duplicated Terminal to:\n\n```\nRosetta Terminal\n```\n\nif asked enter your password \u0026 press ok\n\nright-click Rosetta Terminal \u0026 click on Get Info\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/Screen%20Shot%202021-03-02%20at%205.05.57%20PM.png)\n\nin the Rosetta Terminal Info window make sure Open using Rosetta is checked\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/Screen%20Shot%202021-03-02%20at%205.06.04%20PM.png)\n\n#### Close Rosetta Terminal Info by clicking red ❌\n\ndouble click on Rosseta Terminal\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### Rosetta Terminal should open\n\n----------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nlets check if we are using Rosetta\n\ntype the following into Terminal: \n\n```\narch \n``` \n\n#### `[press Enter]`\n\nif your Rosetta Terminal returned \n\ni386\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/Screen%20Shot%202021-03-02%20at%205.06.27%20PM.png)\n\nGood Job you did everything correct so far. \n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n## 3. Installing Homebrew\n\ntype the following into Rosetta Terminal:\n\n```\ncd\n```\n\n#### `[press Enter]` \n\ntype the following into Rosetta Terminal:\n\n```\nmkdir homebrew \u0026\u0026 curl -L https://github.com/Homebrew/brew/tarball/master | tar xz --strip 1 -C homebrew\n```\n\n#### `[press Enter]` \n\n\ntype the following into Rosetta Terminal:\n\n```\n/bin/bash -c \"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)\"\n```\n\n#### `[press Enter]`\n\n#### \u0026\n\n### if prompted to enter your Password, enter your Password, after entering your Password `[press Enter]`   \n\n## AFTER A LITTLE WHILE TERMINAL WILL PROMPT YOU \"TO CONTINUE WITH DOWNLOADING HOMEBREW PRESS RETURN\" = `[press Enter]`\n\n## IF YOU DON'T `[press Enter]` DOWNLOAD WILL NOT BEGIN!\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nWait patiently as this may takes a while (install can take around 4-5 minutes).🧐\n\nAfter a little awhile Homebrew should be installed. 😊\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### only continue to step 4 after Homebrew is installed \n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## 4. Setting Up Download Scripts\n\ntype the following into Rosetta Terminal:\n ```\ncd /Users/`whoami`/Downloads/dev-setup-scripts\n ```\n \n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal: \n\n```\nls\n```\n\n#### `[press Enter]`\n\n#### if any prompts open click on ok/allow\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### Compare this list to what your Terminal returned (if you are in dev-setup-scripts folder you should have all of these files)\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n- brew-install-cask.txt\n\n- brew-install.txt\n\n- vscode-settings.txt\n\n- zshrc.txt\n\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### If you indeed have all those files skip over to step 5 Installing Packages \u0026 Applications\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### if your Terminal didn't return that or you dont have those files do the following\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n#### `[press command + SPACE]`\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/spotlight.png)\n\nin Spotlight type:\n\n```\ndev-setup-scripts\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### Finder should open where dev-setup-scripts folder has been downloded\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n#### click on dev-setup-scripts folder\n\n#### \u0026\n\n#### `[press command + C]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### go back into Terminal\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal: \n\n```\ncd\n```\n\n#### `[press Space]`\n\n#### \u0026\n\n#### `[press command + V]`\n\n### it should like something like this\n\ncd /Users/{YOUR_USERNAME}/{FOLDER_NAME_THE_FILE_IS_IN}/dev-setup-scripts\n\n### if it does great, if not redownload the dev-setup-scripts.zip file into Downloads folder and repeat step 3 from beginning.\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### you should now be in dev-setup-scripts folder\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal: \n\n```\nls\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### Compare this list to what your Terminal returned (if you are in dev-setup-scripts folder you should have all of these files)\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n- brew-install-cask.txt\n\n- brew-install.txt\n\n- vscode-settings.txt\n\n- zshrc.txt\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### If Terminal still doesnt return this repeat step 4 from beginning again.\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## 5. Installing Packages \u0026 Applications\n\ntype all of the following into Terminal at once : \n\n```\nsudo chown -R $(whoami) /usr/local/Homebrew /usr/local/etc/bash_completion.d /usr/local/share/doc /usr/local/share/man /usr/local/share/man/man1 /usr/local/var/homebrew/locks \u0026\u0026\nchmod u+w /usr/local/Homebrew /usr/local/etc/bash_completion.d /usr/local/share/doc /usr/local/share/man /usr/local/share/man/man1 /usr/local/var/homebrew/locks\n```\n\n#### `[press Enter]`\n\n#### if prompted to input your Password, after inputing your Password `[press Enter]`  \n\ntype all of the following into Terminal at once : \n\n```\nbrew tap homebrew/cask-fonts\nbrew install $(\u003cbrew-install.txt)\nbrew install $(\u003cbrew-install-cask.txt)\n```\n#### `[press Enter]`\n\n#### if prompted to input your Password, after inputing your Password `[press Enter]`  \n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nWait patiently as this may takes a while.🧐\n\nAfter a little awhile all Packages \u0026 Applications should be installed. 😊\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### only continue to step 6, after all Packages \u0026 Applications are installed \n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## 6. Downloading Visual Studio Code Extensions\n\ntype all of the following into Terminal at once : \n\n```\ncode --install-extension JSMel.web-dev-pack\n```\n\n#### enter your Password, after inputing your Password `[press Enter]`  \n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### Visual Studio Code Extesions should begin downloading\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nWait patiently as this may takes a while.🧐\n\nAfter a little awhile all Extensions should be installed. 😊\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### only continue to step 7, after all Extensions are installed \n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## 6. Installing Oh-My-Zsh\n\nto install oh-my-zsh type the following link into Terminal: \n\n```\nsh -c \"$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)\"\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### only continue to step 9 after Oh-My-Zsh is installed \n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## 7. Installing Spaceship Prompt Theme for Terminal\n\nto install Spaceship Prompt Theme type the following link into Terminal:\n\n```\ngit clone https://github.com/denysdovhan/spaceship-prompt.git \"$ZSH_CUSTOM/themes/spaceship-prompt\" --depth=1\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following link into Terminal: \n\n```\nln -s \"$ZSH_CUSTOM/themes/spaceship-prompt/spaceship.zsh-theme\" \"$ZSH_CUSTOM/themes/spaceship.zsh-theme\" \n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n## 7. Installing Syntax Highlight, Autosuggetsions and Git Open for oh my zsh.\n\ntype the following link into Terminal: \n\n```\ncd\n```\n#### `[press Enter]`\n\ntype the following link into Terminal: \n\n```\ncd ~/.oh-my-zsh/custom/plugins    \n```\n#### `[press Enter]`\n\ntype all of the following into Terminal at once : \n\n```\ngit clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions \u0026\u0026 git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting \u0026\u0026 git clone https://github.com/paulirish/git-open.git $ZSH_CUSTOM/plugins/git-open     \n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n## 10. Editing .zshrc file to have nvm, aliases, and Spaceship Prompt theme.\n\ntype the following into Terminal: \n\n```\ncd /Users/`whoami`/Downloads/dev-setup-scripts \u0026\u0026 code ~/.zshrc\n```\n\n#### `[press Enter]`\n\n#### click on open/ok/allow\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### .zshrc should open in Visual Studio Code\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### go back into Terminal\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\nopen zshrc.txt\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### zshrc.txt should open in TextEdit\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n#### click inside of zshrc.txt\n\n#### \u0026\n\n#### `[press command + A]`\n\neverything in zshrc.txt should be highlighted\n\n#### `[press command + C]`\n\n#### \u0026\n\n#### Close zshrc.txt by clicking red ❌\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### go back inside of Visual Studio Code\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### you should see infront of yourself .zshrc file\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nwe will remove everything that is inside .zshrc file and replace it with the settings we copied from zshrc.txt to do that:\n\n#### `[press command + A]`\n\neverything in .zshrc file should be highlighted\n\n#### `[press delete/backspace]`\n\n.zshrc file should now be empty\n\n#### `[press command + V]`\n\nif everything was done correctly this should replace the default settings to include nvm, aliases, and spaceship prompt theme.\n\n#### `[press command + S]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## 11. Changing Visual Studio Code's Font, Theme, and Layout.\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### inside of Visual Studio Code\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n#### `[press Command + ,]`\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/settings7.png)\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nin Search bar type:\n\n```\nsettings.json\n```\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/settings5.png)\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n#### click on Edit in setiings.json \n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/setting3.png)\n\n#### \u0026\n\nremove everything that is inside of settings.json to do that:\n\n#### `[press Command + A]`\n\neverything in settings.json should be highlighted\n\n#### `[press delete/backspace]`\n \nsettings.json should now be empty.\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### go back into Terminal\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\nopen vscode-settings.txt\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### vscode-settings.txt should open in TextEdit\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n#### click inside of vscode-settings.txt\n\n#### \u0026\n\n#### `[press command + A]`\n\neverything in vscode-settings.txt should be highlighted\n\n#### `[press command + C]`\n\n#### Close vscode-settings.txt by clicking red ❌\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### go back inside of Visual Studio Code\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n#### click inside of settings.json\n\n#### \u0026\n\n#### `[press command + V]`\n\nif everything was done correctly this should replace the default settings to auto format on save and paste, change file theme to Material Icon Theme, change font to Fira Code, and change editors theme to Monokai.\n\n#### `[press command + S]`\n\n#### Close Visual Studio Code by clicking red ❌\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### go back into Terminal\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal: \n\n```\nsource ~/.zshrc\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## 12. Removing dev-setup-scripts file and dev-setup-scripts.zip from your computer.\n\ntype the following into Terminal:\n\n```\ncd ..\n```\n\n#### `[press Enter]`\n  \n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nthat command should've made Terminal go out of dev-setup-scripts file, and into Downlods or the Folder dev-setup-scripts file and dev-setup-scripts.zip are on your computer.\n\ntype all of the following into Terminal at once : \n\n```\nrm -rf dev-setup-scripts\nrm -rf dev-setup-scripts.zip\n```\n\n#### `[press Enter]`\n\nboth file should now be deleted and moved into your Trash.\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## This is optional. \n### If your dock is set to auto-hide I really reccommend running these 2 commands it will make your dock appear and disappear much faster.\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal: \n\n```\ncd\n```\n\n#### `[press enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype all of the following into Terminal at once : \n\n```\ndefaults write com.apple.dock autohide-time-modifier -float 0 \u0026\u0026 Killall Dock\ndefaults write com.apple.Dock autohide-delay -float 0 \u0026\u0026 Killall Dock\n```\n\n#### `[press enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## 13. Setting up Node with nvm.\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\ncd\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\nmkdir ~/.nvm\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### Choose either to do Example 1 or Example 2.\n\n## DO NOT DO BOTH! \n\n### After you're finished with either Example 1 or 2 go straight to Step 13 Checking node version.\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## example 1: for your desired version of node preform 2 following commands \n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\nnvm install \"YOUR_DESIRED_NODE_VERSION_NUMBER\"\n```\n\nexample: ``nvm install \"v12.16.2\"``\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nWait patiently as this may takes a while.🧐\n\nAfter a little awhile node version YOUR_DESIRED_NODE_VERSION_NUMBER should be installed. 😊\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\nnvm use \"YOUR_DESIRED_NODE_VERSION_NUMBER\"\n```\n\nexample: ``nvm use \"v12.16.2\"``\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## example 2: for the latest available version of node preform 2 following commands \n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\n nvm install node\n ```\n \n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nWait patiently as this may takes a while.🧐\n\nAfter a little awhile, and the latest version of node should be installed. 😊\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n \n ```\n  nvm use node\n  \n ```\n \n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## 14. Check node version\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal :\n\n```\nnode --version\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### Terminal Should return:\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### vYOUR_DESIRED_NODE_VERSION_NUMBER \n\nexample: ``v12.16.2``\n\nor \n\n### vLATEST_NODE_VERSION\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## 15. Setting up Eslint + Prettier with Airbnb Style Guide.\n\n\ntype the following into Terminal:\n\n```\ncd\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\nmkdir eslint-config\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\ncd eslint-config\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype all of the following into Terminal at once : \n\n```\nnpm init -y\nnpm install -g eslint\nnpm i -D eslint prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-node eslint-config-node\nnpx install-peerdeps --dev eslint-config-airbnb\neslint --init\n```\n\n#### `[press Enter]`\n\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nWait patiently as this may takes a while.🧐\n\nAfter a little awhile all Eslint, Prettier, and Airbnb Dependencies should be installed. 😊\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nscroll down with arrow keys to choose\n\n❯ To check syntax, find problems, and enforce code style\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/eslint1.png)\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nchoose \n\n❯  JavaScript modules (import/export)\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/eslint2.png)\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nchoose \n\n❯ React\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/eslint3.png)\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nchoose\n\n❯ No\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/eslint4.png)\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## choose both  \n\nto do that\n\n### move down with arrow keys, \n\n### press space to select\n\n### make sure both check marks are green\n \n✅ Browser\n\n✅ Node\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/eslint5.png)\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nchoose \n\n❯ Use a popular style guide\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/eslint6.png)\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nchoose \n\n❯ Airbnb: https://github.com/airbnb/javascript\n\n![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/eslint7.png)\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nscroll down with arrow keys to choose\n \n ❯ JSON\n \n ![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/eslint8.png)\n \n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\nchoose\n \n❯ Yes\n \n ![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/eslint9.png)\n \n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n# 16. Configuring your Git username/email\n\ntype the following into Terminal:\n\n```\ncd\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\ngit config --global user.name \"FIRST_NAME LAST_NAME\"\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\ngit config --global user.email \"MY_NAME@example.com\"\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## 17. Adding SSH-KEY to github account.\n\ntype the following into Terminal:\n\n```\ncd\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\nssh-keygen -t ed25519 -C \"your_github_acount_email_email@example.com\"\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## Terminal will return the following:\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### Enter a file in which to save the key (/Users/you/.ssh/id_ed25519): \n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### Enter passphrase (empty for no passphrase): \n\n\"CHOOSE_AND_TYPE_A_PASSWORD\"\n\n#### \u0026\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### Enter same passphrase again: \n\n\"WRITE_THE_SAME_PASSWORD_AGAIN\"\n\n#### \u0026\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\neval \"$(ssh-agent -s)\"\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\nopen ~/.ssh/config\n```\n\n#### `[press Enter]`\n\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### if ~/.ssh/config file exists and opens skip over to: in ~/.ssh/config file \n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### if ~/.ssh/config file doesnt exist do the following command:\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\ntouch ~/.ssh/config\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n```\nopen ~/.ssh/config\n```\n\n#### `[press Enter]`\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## in ~/.ssh/config file \n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype all of the following into ~/.ssh/config:\n\n```\nHost *\n\n  AddKeysToAgent yes\n  \n  UseKeychain yes\n  \n  IdentityFile ~/.ssh/id_ed25519\n``` \n \n#### `[press Command + S]`\n\n#### close .ssh/config by clicking red ❌\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### go back to Terminal\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\ntype the following into Terminal:\n\n ```\n ssh-add -K ~/.ssh/id_ed25519\n ```\n \n #### `[press Enter]`\n \n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### type in the same password you used above for Keychains\n \n#### `[press Enter]`\n \n#### \u0026\n \n### if prompted to input your again Password, type in the same password you used above for Keychains again\n\n#### \u0026\n\n#### if necessary `[press Enter]` again\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n \ntype the following into Terminal:\n \n ```\n pbcopy \u003c ~/.ssh/id_ed25519.pub\n ```\n \n#### `[press Enter]`\n \n#### close Terminal by clicking red ❌\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### open a new github window in your browser, and put it side-by-side with this guide\n\n\u003ca href=\"https://github.com/login\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eGitHub Login Page\u003c/a\u003e\n\n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n### login\n \n#### click on your profile picture or this icon ![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/3lines.png)\n \n #### \u0026\n \n #### click on settings \n \n #### \u0026\n \n #### click on SSH and GPG key\n \n ![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/ssh1.png)\n \n #### \u0026\n  \n #### Click on New SSH key \n \n ![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/ssh3.png)\n \n------------------------------------------------------------------------------------------------------------------------------------------------------------------ \n\n#### click into Key text area\n \n#### \u0026\n  \n#### `[press command + V]`\n \n------------------------------------------------------------------------------------------------------------------------------------------------------------------ \n \n ### SSH-KEY should paste into Key text area\n \n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n \n### for title write: \n \n ```\n macBook\n ```\n \n------------------------------------------------------------------------------------------------------------------------------------------------------------------ \n\n ### After you wrote the title and pasted in the SSH Key\n \n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n \n #### click on Add SSH key\n \n  ![alt text](https://raw.githubusercontent.com/eliasbnk/dev-setup/main/img/ssh2.png)\n  \n------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n#### enter in your github password \n \n#### click Confirm Password\n  \n------------------------------------------------------------------------------------------------------------------------------------------------------------------ \n # you're finished, good job 😀👍\n------------------------------------------------------------------------------------------------------------------------------------------------------------------ \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fb1gbyt3%2Fdev-setup","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fb1gbyt3%2Fdev-setup","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fb1gbyt3%2Fdev-setup/lists"}