VSCode - Flutter Flashcards
shortcuts, how-tos
new project
To create a new Flutter project from the Flutter starter app template:
Open the Command Palette (Ctrl+Shift+P (Cmd+Shift+P on macOS)).
Select the Flutter: New Project command and press Enter.
Enter your desired Project name.
Select a Project location.
https://flutter.dev/docs/development/tools/vs-code
https://flutter.dev/docs/development/tools/vs-code
open terminal
ctrl-`
run app
in terminal, flutter run
reformat dart file
opt-shift-f
open file explorer
shift-cmd-e
hot reload
r in terminal
restart
shift-r
refactor options for widget, e.g. to wrap in new widget
select or move cursor to widget, then cmd+.
debug inspector; Dart Devtools
- start debug session with debug-> start debugging
- Once the debug session is active and the application has started, the Dart: Open DevTools command will become available in the VS Code command palette
- DevTools will launch in your browser and automatically connect to your debug session.
- While the Dart DevTools are active, you’ll see them in the status bar of VS Code. If you’ve closed the browser tab, you can click on here to re-launch your browser (so long as there’s still a suitable Dart/Flutter debugging session available).
to enable hot reload on save, and other debug functionality
enter debug session with debug-> start debugging
start debugging
fn-f5
stop debugging
shift-fn-f5
start without debugging
cntrl-fn-f5
show/hide side panel
cmd-b
