meta data for this page
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| ixc2024:tech:tools:green-tools [2024/05/28 10:34] – arsh | ixc2024:tech:tools:green-tools [2024/05/28 12:42] (current) – arsh | ||
|---|---|---|---|
| Line 105: | Line 105: | ||
| **Using Visual Studio Code (VS Code)** | **Using Visual Studio Code (VS Code)** | ||
| - | 1-Install Flutter and Dart Plugins: | + | 1-**Install Flutter and Dart Plugins: |
| + | ** | ||
| * Unordered List ItemGo to the Extensions view (Ctrl+Shift+X). | * Unordered List ItemGo to the Extensions view (Ctrl+Shift+X). | ||
| * Unordered List ItemSearch for Flutter and Dart and install both plugins. | * Unordered List ItemSearch for Flutter and Dart and install both plugins. | ||
| - | 2-Open your Flutter project: | + | 2-**Open your Flutter project:** |
| * Unordered List ItemOpen your Flutter project in VS Code. | * Unordered List ItemOpen your Flutter project in VS Code. | ||
| - | 3-Start Debugging: | + | 3-**Start Debugging:** |
| * Unordered List ItemPress F5 or go to the Debug view (Ctrl+Shift+D) and click on " | * Unordered List ItemPress F5 or go to the Debug view (Ctrl+Shift+D) and click on " | ||
| - | 4-Open DevTools: | + | 4-**Open DevTools:** |
| * Unordered List ItemOnce the app is running, you will see a notification in the bottom right corner saying "Dart DevTools is available" | * Unordered List ItemOnce the app is running, you will see a notification in the bottom right corner saying "Dart DevTools is available" | ||
| Line 160: | Line 160: | ||
| * Unordered List ItemThen run flutter pub global run devtools to start the DevTools server. | * Unordered List ItemThen run flutter pub global run devtools to start the DevTools server. | ||
| * Unordered List ItemOpen a web browser and navigate to the URL provided in the terminal (usually http:// | * Unordered List ItemOpen a web browser and navigate to the URL provided in the terminal (usually http:// | ||
| + | |||
| + | |||
| + | **Video to understand dev tool and how to interpret results** : | ||
| + | |||
| **Measurements** | **Measurements** | ||