This article describes how to install flutter and how to configure the development environment of flutter.
1. Flutter installation
Visit the official website address https://docs.flutter.dev/development/tools/sdk/releases to download the latest version of the Flutter SDK package.
![](https://img-blog.csdnimg.cn/img_convert/9ad5641b499b463ca4d5fdc83e8095c5.png)
Unzip the installation package zip to the path where you want to install the Flutter SDK (eg: D:\flutter_windows_3.7.5-stable\flutter; be careful not to install flutter to a path that requires some high permissions such as C:\Program Files\).
![](https://img-blog.csdnimg.cn/img_convert/d1aa6ba7d32a4ea1b8a67217268116b3.png)
2. Environment variable configuration
If you want to run flutter commands on the Windows system's own command line, you need to add the following environment variables to the user PATH:
Go to "Advanced System Settings > Environment Variables":
![](https://img-blog.csdnimg.cn/img_convert/a0b46aa227034832a9fcce264248c3d3.png)
Check for an entry named "Path" under "User Variables":
![](https://img-blog.csdnimg.cn/img_convert/8565736f0cbf45eea4ebf558511f5a0c.png)
If the entry exists, append the full path to flutter\bin, using ; as a separator.
If the entry does not exist, create a new user variable Path and set the full path to flutter\bin as its value.
![](https://img-blog.csdnimg.cn/img_convert/ae555bfa9005437ea522ad6f84354dc1.png)
Execute flutter --version in the window command line cmd. If the correct version number is displayed, the configuration is successful.
![](https://img-blog.csdnimg.cn/img_convert/836a8c4fc15a459cbbdcf801c76db975.png)
3. Plug-ins used in vscode
Flutter plugin: open vscode, enter the app store, and search for flutter.
![](https://img-blog.csdnimg.cn/img_convert/20ff942bd1c349ae8429d76d642a647d.png)
dart plug-in: enter the vscode app store and search for dart.
![](https://img-blog.csdnimg.cn/img_convert/6967fedd91b642118e0f9f95456bd9df.png)
Flutter Widget Snippets plugin
![](https://img-blog.csdnimg.cn/img_convert/d8bfdb2afe644dc0a96fd6617b1520ae.png)