Flutter first experience

background

In today's < geek >APP I saw a 《 Use Flutter Quickly build a mobile application integrating beauty and high performance 》 Introduction to , I want to try for a moment , And he found Flutter Official website （https://flutter.cn/） And practice it step by step .

manual  
Installation and environment configuration | Flutter Chinese document | Flutter Chinese developer website Flutter Installation and Getting Started tutorial , download Windows、macOS、Linux and Chrome OS Systematic Flutter SDK.https://flutter.cn/docs/get-started/install Installation record  

1、 obtain Flutter SDK, Download and install on my MacOS 10.14.4

2、 Configure environment variables

# Open profile 
> cd ~
> open .bash_profile

# Add environment variables ( Fill in the first line flutter Actual installation path )
export PATH=/Users/mac/tools/flutter/bin:$PATH
export PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pub
export FLUTTER_STORAGE_BASE_URL=https://mirrors.tuna.tsinghua.edu.cn/flutter

# After installation , Use the following command to diagnose flutter Installation 
> flutter doctor

Development tool configuration

1、 Development tools use ：VScode

2、 install flutter plug-in unit

Initial experience of development  

1. Invoke View > Command Palette.
2. Type “flutter”, and select the Flutter: New Project.
3. Select Application.
4. Create or select the parent directory for the new project folder.
5. Enter a project name, such as myapp, and press Enter.
6. Wait for project creation to complete and the main.dart file to appear.

Install the above steps , Will generate a set of flutter engineering , Do the following ：

  Operation engineering ：

Running effect （ Slow start-up , The hot load of subsequent development is fast ）：

Initial experience completed , Follow up according to < Official website > Refer to and continue to write small applications .