[Flutter 1-4] VSCode configures the Flutter development environment under Windows

Article starting address

What is VSCode

Visual Studio Code (VS Code for short) is a free code editor developed by Microsoft that supports operating systems such as Windows, Linux and macOS. It supports testing and has built-in Git version control functions. It also has development environment functions, such as Code completion (similar to IntelliSense), code snippets, code refactoring, etc. The editor supports user-customized configuration, such as changing various attributes and parameters such as theme colors, keyboard shortcuts, etc. It also has built-in extension management functions in the editor. VSCode also supports Flutter development. In my daily development, I will use VSCode more than Android Studio.

Download and install VSCode

Open the VSCode official website
2020_10_09_download_vscode
and double-click the exefile after completion to install and open it.
After opening, find Extensionsor use the shortcut key to Ctrl+Shift+Xopen the extension center.
Enter in the extension center flutter, the first one displayed is the Flutter extension we want to install, click install.
2020_10_09_vscode_flutter

New Project

After the installation is complete, click View-> Command Palette...(or use the shortcut key Ctrl+Shift+P)
2020_10_09_vscode_command
in flutterturn, enter the keyword in the pop-up input box and press Enter, select the directory to be kept in the project, and enter the project name.
2020_10_09_vscode_new_flutter
Note: After the project is created, VSCode will help us install Dartlanguage-related dependencies.
In this way, we have finished configuring the Flutter environment under VSCode.

Video tutorial

B station link

Guess you like

Origin blog.51cto.com/13824996/2544023