GithubHelp home page GithubHelp logo

dev-environment-files's Introduction

My Dev Environment Files ๐Ÿš€

IMPORTANT: These are primarily meant for inspiration. I wouldn't just blindly use them. Proceed at your own risk!

๐Ÿ“น Youtube Playlist With Detailed Walkthroughs on My Setup: ๐Ÿ’ป My Dev Environment & Workflow

Terminal Setup

โœ๐Ÿผ Blog Post Step-by-Step Guide: How To Setup Your Mac Terminal

๐Ÿ“น Youtube Guide: How To Make Your Boring Mac Terminal So Much Better

You'll also need to install extra cli tools as described in this blog post and video:

โœ๐Ÿผ Blog Post : 7 Amazing CLI Tools You Won't Be Able To Live Without

๐Ÿ“น Youtube Video: 7 Amazing CLI Tools You Won't Be Able To Live Without

Relevant Files

Tmux Setup

โœ๐Ÿผ Blog Post: How To Use and Configure Tmux Alongside Neovim

๐Ÿ“น Youtube Guide: How I Setup And Use Tmux Alongside Neovim for an Awesome Dev Workflow

Relevant Files

Yabai Tiling Window Manager Setup

โœ๐Ÿผ Blog Post: How To Setup And Use The Yabai Tiling Window Manager On Mac

๐Ÿ“น Youtube Guide: How To Setup And Use The Yabai Tiling Window Manager On Mac

Relevant Files

Sketchybar Custom Menu Bar Setup

โœ๐Ÿผ Blog Post: How To Make An Amazing Custom Menu Bar For Your Mac With Sketchybar

๐Ÿ“น Youtube Guide: How To Make An Amazing Custom Menu Bar For Your Mac With Sketchybar

Setup Requires

  • sketchybar: brew tap FelixKratz/formulae and brew install sketchybar
  • jq (json command line processor): brew install jq
  • SF Pro Font: brew tap homebrew/cask-fonts and brew install font-sf-pro
  • SF Symbols: brew install --cask sf-symbols:
  • Sketchybar App Font:
`curl -L https://github.com/kvndrsslr/sketchybar-app-font/releases/download/v1.0.16/sketchybar-app-font.ttf -o $HOME/Library/Fonts/sketchybar-app-font.ttf`

Relevant Files

Neovim Setup

Important: This is my latest config with lazy.nvim. It is similar, but not the same as my original packer setup.

If you are coming from my full neovim setup video with packer, that config is found here: Packer Config

โœ๐Ÿผ Blog Post: How I Setup Neovim On My Mac To Make It AMAZING In 2024 ๐Ÿ“น Complete Neovim Setup Guide: How I Setup Neovim On My Mac To Make It AMAZING In 2024

If you clone the repo into your machine and use the config by copying .config/nvim to your home folder, wait for the plugins, language servers and parsers to install with lazy.nvim, Mason and nvim-treesitter. If you are opening a lua file or another file I have language servers configured for, like html, css or javascript/typescript, you might also get an error saying that the server failed to start. This is because Mason hasn't installed it yet. Press enter to continue, Mason will automatically install it.

Relevant Files

Setup Requires

  • True Color Terminal Like: iTerm2
  • Neovim (Version 0.9 or Later)
  • Nerd Font - I use Meslo Nerd Font
  • Ripgrep - For Telescope Fuzzy Finder
  • XCode Command Line Tools
  • If working with typescript/javascript and the typescript language server like me. You might need to install node/npm.

If you're on mac, like me, you can install iTerm2, Neovim, Meslo Nerd Font, Ripgrep and Node with homebrew.

iTerm2:

brew install --cask iterm2

Nerd font:

brew tap homebrew/cask-fonts
brew install font-meslo-lg-nerd-font

Neovim:

brew install neovim

Ripgrep:

brew install ripgrep

Node/Npm:

brew install node

For XCode Command Line Tools do:

xcode-select --install

Plugins

Plugin Manager

Dependency For Other Plugins

Preferred Colorscheme

Navigating Between Neovim Windows and Tmux

Essentials

File Explorer

VS Code Like Icons

Neovim Greeter

Auto Sessions

Statusline

Bufferline

Keymap Suggestions

Fuzzy Finder

Autocompletion

Snippets

Managing & Installing Language Servers, Linters & Formatters

LSP Configuration

Trouble.nvim

Formatting & Linting

Comments

Treesitter Syntax Highlighting, Autoclosing & Text Objects

Indent Guides

Git

dev-environment-files's People

Contributors

josean-dev avatar rigottig avatar markcodestheweb avatar santiagohervella avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.