-
Install flutter Use the following link and follow the step by step guide to install flutter on your device: https://docs.flutter.dev/get-started/install?_gl=1*1tytb2e*_gcl_aw*R0NMLjE3Mjg1Nzg4MDEuQ2p3S0NBanc5cDI0QmhCX0Vpd0E4SUQ1Qm5YdGFLQ25RdDlxSVUzdnRPb0x3dVBzc09uU05aejFQMkQtSjl6YjlXVGJFR3RxUXFUNEFSb0NHd1lRQXZEX0J3RQ..*_gcl_dc*R0NMLjE3Mjg1Nzg4MDEuQ2p3S0NBanc5cDI0QmhCX0Vpd0E4SUQ1Qm5YdGFLQ25RdDlxSVUzdnRPb0x3dVBzc09uU05aejFQMkQtSjl6YjlXVGJFR3RxUXFUNEFSb0NHd1lRQXZEX0J3RQ..*_up*MQ..*_ga*MTQwNzE1ODc2Ni4xNzI4NTc4ODAw*_ga_04YGWK0175*MTcyODU3ODgwMC4xLjAuMTcyODU3ODgwOS4wLjAuMA..&gclid=CjwKCAjw9p24BhB_EiwA8ID5BnXtaKCnQt9qIU3vtOoLwuPssOnSNZz1P2D-J9zb9WTbEGtqQqT4ARoCGwYQAvD_BwE&gclsrc=aw.ds&gbraid=0AAAAAC-INI-4gko_qD3OaJsTdh_90JQ-o
-
Install packages Open your terminal and run the following command: flutter pub get http
-
Run the application Go to your terminal and run the following command: flutter run
-
Select google chrome When a list of devices are shown, choose the number that corresponds to chrome.
Connected devices: macOS (desktop) • macos • darwin-arm64 • macOS 15.0 24A335 darwin-arm64 Mac Designed for iPad (desktop) • mac-designed-for-ipad • darwin • macOS 15.0 24A335 darwin-arm64 Chrome (web) • chrome • web-javascript • Google Chrome 129.0.6668.100
No wireless devices were found.
[2]: Mac Designed for iPad (mac-designed-for-ipad) [3]: Chrome (chrome) ###Choose this one
If successful, the following output should show on the terminal
Launching lib/main.dart on Chrome in debug mode... Waiting for connection from debug service on Chrome... 7.3s This app is linked to the debug service: ws://127.0.0.1:54796/kL_BPgeaKtg=/ws Debug service listening on ws://127.0.0.1:54796/kL_BPgeaKtg=/ws
🔥 To hot restart changes while running, press "r" or "R". For a more detailed help message, press "h". To quit, press "q".
A Dart VM Service on Chrome is available at: http://127.0.0.1:54796/kL_BPgeaKtg= A message on the flutter/lifecycle channel was discarded before it could be handled. This happens when a plugin sends messages to the framework side before the framework has had an opportunity to register a listener. See the ChannelBuffers API documentation for details on how to configure the channel to expect more messages, or to expect messages to get discarded: https://api.flutter.dev/flutter/dart-ui/ChannelBuffers-class.html The Flutter DevTools debugger and profiler on Chrome is available at: http://127.0.0.1:9101?uri=http://127.0.0.1:54796/kL_BPgeaKtg=