- We’re going to download and install any essential tools.
- Clone an actual real world project (my website) and get it running.
- Explain the some sane default settings for any modern web project for VS Code.
- Answer any development environment questions.
vscode folder explanation
- Open up a terminal and type “git” to automatically install the command line tools on macOS without installing all of Xcode. Or download the full version of Xcode.
- Download Homebrew.
- Download git for windows
- Download VS Code
Install code shell command
- command + shift + p “shell command” select “install code command in path”
Install zsh and oh my zsh (macOS)
brew install zsh
sudo sh -c "echo $(which zsh) >> /etc/shells"
chsh -s $(which zsh)
Then follow the directions here: https://ohmyz.sh/#install
Set default shell to zsh or git bash in vs code
- Open VS Code
- Press command + shift + P (macOS) or CTRL+Shift+P (Windows/Linux) and search for terminal “Terminal: Select Default Profile”.
- Select “zsh” (on macOS) or “git bash” (on Windows)
Clone this blog
- Open integrated terminal (command + shift + P “Terminal: Create new terminal”)
git clone https://github.com/jamsea/blog-jameshush-com.git
And paste the following at the bottom:
Finally, run the site by typing
Avoid installing linters globally
- Makes sharing configuration with team members impossible
- Can cause you to have conflicts in other projects
- Can cause issues in CI/CD setups
These are quality of life improvements, that also double as a 1337 flex for your coworkers.
Git diff tool
git config --global merge.tool vscode
git config --global mergetool.vscode.cmd 'code --wait $MERGED'
git config --global diff.tool vscode
git config --global difftool.vscode.cmd 'code --wait --diff $LOCAL $REMOTE'
Enable git rerere
git config --global rerere.enabled true
- reuse recorded resolution.
- makes rebasing and fixing merge conflicts much easier because you don’t have to reapply the same resolution over and over
- More information here
Install cool font