VisualStudio Code Setup for Flask Dev.
VS Code Extensions
To support setting up and developing with Flask, the following extensions for VS Code are recommended:
- Python (Microsoft) - Python language support
- Better Jinja (Samuel Colvin) - Jinja template support
- SQLite3 Editor (yy0931) - SQLite editor within VS Code
Additionally (just to make life better):
- Error Lens (Alexander) - places error messages inline, next to code
- Python Indent (Kevin Rose) - indents / aligns Python code better
- GitHub Markdown Preview extension pack (Matt Bierner) - better MD preview matching GitHub style
- CSS Nesting Syntax Highlighting (Jacob Cassidy) - better when working with nested CSS
- Code Spell Checker (Street Side Software) - because speeling is hard!
Optional (but great!):
- Catppuccin for VSCode - a great theme (use mocha variant)
- Catppuccin Perfect Icons - a matching icon set
Useful VS Code Keyboard Shortcuts
Learning a few keyboard shortcuts can help speed up your app development…
| Shortcut | Action | Notes |
|---|---|---|
| Ctrl+ˋ | Open built-in terminal | The place to enter commands like flask run, or to see application logs |
| Ctrl+P | Go to file… | Type in a few letters of the file name (quicker than using the sidebar) |
| Ctrl+Shift+V | Open Markdown preview | Easier to read the rendered view of a .md file |