开发体验初探

1. Launch the IDE.

2. To be able to create flutter projects on Android Studio you will need to install the Flutter Plugin and for smart Dart coding assistance that includes code completion, formatting, navigation, intentions, refactorings, and more install the Dart Plugin.

3. Head back to your IDE start page and Click New Flutter Project at the top of the Welcome to Android Studio dialog.

4. Under Generators, click Flutter.

5. Verify the Flutter SDK path value against the Flutter SDK location on your development machine.

6. Click Next.

7. Enter test_drive into the Project name field. Your project name should be written in snake case and in lowercase. This follows the Flutter best practices for naming projects.

8. Set the directory in the Project location field to C:\dev\test_drive on Microsoft Windows or ~/development/test_drive on other platforms.

   If you didn't create that directory before, Android Studio displays a warning that the Directory Does Not Exist. Click Create.

9. From Project type dropdown, select Application.

10. Ignore the remaining form fields. You don't need to change them for this test drive. Click Create.

11. Wait for Android Studio to create the project.

12. Open the lib directory, then the main.dart.

    To learn what each code block does, check out the comments in that Dart file.

The previous commands create a Flutter project directory called test_drive that contains a simple demo app that uses Material Components.

1. Locate the main Android Studio toolbar at the top of the Android Studio edit window.

   

2. In the target selector, select an Android device for running the app. You created your Android target device in the Install section.

3. To run your app, make one of the following choices:

   1. Click the run icon in the toolbar.

   2. Go to Run > Run.

   3. Press Ctrl + R.

After the app build completes, your device displays your app.

Flutter offers a fast development cycle with Stateful Hot Reload, the ability to reload the code of a live running app without restarting or losing app state.

You can change your app source code, run the hot reload command in Android Studio, and see the change in your target device.

1. Open lib/main.dart.

2. Change the word pushed to clicked in the following string. It is on line 109 of the main.dart file as of this writing.

   Original	New
   'You have pushed the button this many times:' ,	'You have clicked the button this many times:' ,

3. Save your changes: invoke Save All, or click Hot Reload .

Your app updates the string as you watch.

To create a new Flutter app, run the following commands in your shell or Terminal.

1. Run the flutter create command.

   flutter create test_drive

   The command creates a Flutter project directory called test_drive that contains a simple demo app that uses Material Components.

2. Change to the Flutter project directory.

   cd test_drive

1. To verify that you have a running target device, run the following command.

   flutter devices

   You created your target device in the Install section.

2. To run your app, run the following command.

   flutter run

After the app build completes, your device displays your app.

Flutter offers a fast development cycle with Stateful Hot Reload, the ability to reload the code of a live running app without restarting or losing app state.

You can change your app source code, run the hot reload command in VS Code, and see the change in your target device.

1. Open lib/main.dart.

2. Change the word pushed to clicked in the following string. It is on line 109 of the main.dart file as of this writing.

   Original	New
   'You have pushed the button this many times:' ,	'You have clicked the button this many times:' ,

3. Save your changes.

4. Type r in the terminal window.

Your app updates the string as you watch.