Closed kentcdodds closed 6 years ago
Here's the list:
Hey @kentcdodds nice list :) Hope this is ok I wrote something here :) You should check this one out https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync This let you have your setting in a private gist and when you change machine etc you get all back :)
Hi @kentcdodds,
This extension is no longer required, as a Join Lines
command has been built into Visual Studio Code:
You can open Keyboard Shortcuts (Ctrl+K Ctrl+S)
and bind editor.action.joinLines
to a shortcut of your choice.
If you have multiple computers you would want to sync vs code settings https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
ES6/ES7 syntax coloring https://marketplace.visualstudio.com/items?itemName=dzannotti.vscode-babel-coloring
To colorize brackets https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
React code snippets https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets
Take pretty code screenshots to share on Twitter https://marketplace.visualstudio.com/items?itemName=pnp.polacode
@kentcdodds @esausilva
@sagirk Thanks, I will try it
Hey @kentcdodds, just seeing this now. Awesome that you're using my vscode-language-babel package. Let me know if you (or anyone else on this thread) run into any issues with it!
To generate this list on Windows (copies list to clipboard)
const {execSync, spawn} = require('child_process')
const result = execSync('code --list-extensions')
const list = String(result)
.split('\n')
.filter(Boolean)
.map(
x => `- [${x}](https://marketplace.visualstudio.com/items?itemName=${x})`
)
.join('\n')
const proc = spawn('clip')
proc.stdin.write(list)
proc.stdin.end()
I have been looking for this. Can you please help me with some light on whats is going on under the hood. @talves
@kentcdodds and about this...
@Ridermansb It looks like he's using Rocket: https://matthewpalmer.net/rocket/
@kentcdodds Can you share the vscode snippet you used in your remote workshop for useReducer?
Hi @tjshipe! Updated 💯
@kentcdodds instead of using comments in VS Code settings.json, you can actually create multiple workspaces and have workspace specific settings.json
That requires the settings be inside the project right? The thing is that sometimes when I'm in the project I want it to have my livestream settings (like when I'm livestreaming) and other times I want it to have my normal settings.
No, its doesn't require you to have settings inside the project. You can add/remove folders from a workspace. Once you create a workspace (file format: .code-workspace) and keep the workspace file in which ever folder you want on your system. You can then go to workspace settings by "Preferences: Open Workspace Settings"
Oh, I see. Thanks for letting me know. I think I'll stick with my current workflow because I think it's a bit faster/easier :) Thanks though!
Hi there, in this article [https://kentcdodds.com/blog/react-hooks-pitfalls] what theme are you using for the code snippets ? thank you ?
It's inspired by the Night Owl theme.
It's inspired by the Night Owl theme.
Do you mind sharing it?
It's open source: https://npm.im/prism-react-renderer
It's one of the baked in themes
Hi Kent, what are you using for in-line styled component syntax highlighting?
@kentcdodds What is the test explorer window you that you're using in your egghead.io videos?
Edit: Oh nevermind. It's CodeSandbox, not VS Code.
@DatXN vscode-language-babel supports inline styled components syntax highlighting
Yes, this is me asking myself a question, because I want to answer it and I'm sure someone will ask me eventually.
I'll try to keep my answer up-to-date. You can get to this question quickly with the short-link: http://kcd.im/vscode