A list of resources that are helpful when developing UCLA Radio apps.
We love VS Code at UCLA Radio! It's fast and packed full of features. Any text editor, though, has a bit of a learning curve so here are some resources that will help you fall in love with VS Code even faster.
- Visual Studio Code Can Do That?: A great site of some non-obvious features of VS Code.
- LevelUpTuts: VS Code
- Syntax: Why is everyone switching to VS Code?
We also recommend the following plugins:
Here are some specific language settings and extensions we like:
- VS Code Icons
- EditorConfig
- GitLens
- Prettier: Automatic formatting with VS Code.
- Color Highlight: Highlighting for colors in your code!
- Path Intellisense: Autocompletion of filenames.
VS Code has great support for writing HTML!
VS Code has a whole section of documentation of Node.js! Be sure to check it out. They also cover debugging in Node.
There's also great front JavaScript support in VS Code. Check out the documentation about React and VS Code and this blog post about debugging React in VS Code.
A reference of popular VS Code debugging recipes is here.
- ESLint: Integrating linting in VS Code.
- Version Lens
- Debugger for Chrome
- Import Cost
- npm Intellisense
- Document This
Some handy resources to get you up to speed with Git and ready for your first pull request.
We're big fans of terminal customization. If you aren't familiar or particularly attached a certain shell, we recommend you check out Fish Shell! It has very nice autocompletion and highlighting.
Your shell can be customized with what are called dotfiles—files usually
prepended with a . (meaning that they're hidden files). People put things in
their dotfiles and share them with other people, so much of your dotfiles will
be taken from other places on the internet. Read
this great article
by Zach Holman for more info about dotfiles.