wesbos / dotfiles

Hey wes what settings do you use?

dotfiles

Hey wes what settings do you use?

These are my config setting for various apps, editors and linters. I'd suggest not copying them directly but referencing what I have and what ones might make sense for you.

These are constantly changing as I work on different types of projects so I don't necessarily always have an answer to "y do u do ____ instead of ____"

Enjoy! 😘

Explanations

• Wes Bos .bttpreset → My Better Touch Tool Settings. This is a collection of shortcuts and automations that I use around window management, video editing, snap areas, and much more. I will do a video on this tool one day - it's amazing.
• settings.json → VS Code Settings
• vs-code-extensions-i-use.md → ya get?
• keybindings.json → Custom Keyboard shortcuts. The emmet Ctrl + E is how I get emmet to work anywhere.
• javascript.snippets.json → Some JS Snippets
• hot-tip-vscode-settings.json → Workspace settings I use for recording my short form content

Keeping up to date

This is for wes to remember what I did.

I created "hard links", so the content is available inside git.

ln ~/Library/ApplicationSupport/Code/User/settings.json settings.json
ln ~/Library/ApplicationSupport/Code/User/keybindings.json keybindings.json
ln ~/Videos/hot-tips/.vscode/settings.json ./hot-tip-vscode-settings.json

Then to get a list of extensions:

1. Open up your extensions list. ⌘+⇧+x
2. type in @enabled
3. Open VS Code dev toosls Help → Toggle Developer Tools
4. Paste the code from get-extensions.js into the console
5. It will be in your clipboard, so just paste into vs-code-extensions-i-use.md

dotfiles's Issues

Missing vs code custom css style from dot file

Hello sir,
If you dont mind can you share you custom css file as well just for reference .

Thank you

Import Cost

I think you use the Import Cost extension, or something else to show js sizes in VS Code. Thanks!

Request: VSCode CSS

Hi Wes! Would you be willing to share the VSCode CSS file that's referenced in your vscode settings? Specifically struggling to figure out the customizations around what gets italicized and what doesn't.

Thanks!

How do I get set-up with your ESLint globally?

I'm trying to set-up my .eslintrc globally to match your dotfiles, however, I'm running into an issue with VSCode where it says: Cannot find module 'eslint-config-prettier/react' Referenced from: /Users/matthewblode/.eslintrc. Thank you for your help and I'm loving the Sick Fits tutorial! #BigPoop

zshrc

I want to get the same autocomplete everything experience, can you please share you .zshrc as well? Thanks 🎉

Error Color

Hello.

How to change my errors to look like yours ?

Best regards, Max :).

Idk what is this

/haters

Hahaha. Top notch.

Fake Name function always returns "Johnson" for last name

Typo in your "fake name" function -- Array.at() is same as Array.at(0) so last name is always Johnson...

CURRENT:

function makeName() {
  const first = ['James', 'Robert', 'John', 'Michael', 'David', 'William', 'Richard', 'Joseph', 'Thomas', 'Charles', 'Christopher', 'Daniel', 'Matthew', 'Anthony', 'Mark', 'Donald', 'Steven', 'Paul', 'Andrew', 'Joshua', 'Kenneth', 'Kevin', 'Brian', 'George', 'Timothy', 'Ronald', 'Edward', 'Jason'];

  const last = ['Johnson', 'Williams', 'Brown', 'Jones', 'Miller', 'Davis', 'Garcia', 'Rodriguez', 'Wilson', 'Martinez', 'Anderson', 'Taylor', 'Thomas', 'Hernandez', 'Moore', 'Martin', 'Jackson', 'Thompson',];
  return `${first.at(Math.random() * first.length)} ${last.at()}`;
}

FIXED:

function makeName() {
  const first = ['James', 'Robert', 'John', 'Michael', 'David', 'William', 'Richard', 'Joseph', 'Thomas', 'Charles', 'Christopher', 'Daniel', 'Matthew', 'Anthony', 'Mark', 'Donald', 'Steven', 'Paul', 'Andrew', 'Joshua', 'Kenneth', 'Kevin', 'Brian', 'George', 'Timothy', 'Ronald', 'Edward', 'Jason'];

  const last = ['Johnson', 'Williams', 'Brown', 'Jones', 'Miller', 'Davis', 'Garcia', 'Rodriguez', 'Wilson', 'Martinez', 'Anderson', 'Taylor', 'Thomas', 'Hernandez', 'Moore', 'Martin', 'Jackson', 'Thompson',];
  return `${first.at(Math.random() * first.length)} ${last.at(Math.random() * last.length)}`;
}