Vscode配置Flutter开发(Windows）

知识与学习是永无止境的，正值计算机行业的高速发展期，学习一门编程语言必不可少，下面我们来用Vscode配置Flutter进行开发。

    ### 

    ### 

    ## 1. 安装JDK开发包

    我们先下载Java开发包，因为我们需要Android SDK来创建Android模拟器，而运行Android SDK命令行工具需要依赖JDK，所以先安装JDK依赖。

    **1.1在哪下载** 
    
    我们可以去华为镜像https://mirrors.huaweicloud.com/java/中找到，如下图所示：
    
    **[图片]** 
    
    **1.2安装过程** 
    
    双击jdk-11.0.13_windows-x64_bin.exe，进入如下界面：
    
    **[图片]** 
    
    然后点击下一步，进入如下界面：
    
    **[图片]** 
    
    选择安装路径，再点击下一步，进入如下界面：
    
    **[图片]** 
    
    继续点击下一步，即可进行安装。
    
    **1.3验证是否安装成功** 
    
    安装完成之后，右键单击此电脑，单击属性，进入如下界面：
    
    **[图片]** 
    
    点击高级系统设置，进入如下界面：
    
    **[图片]** 
    
    点击环境变量，然后我们就可以在系统变量中找到java，说明我们已经成功安装好JDK开发包了。
    
    **[图片]** 

    ## 2. 安装Flutter SDK

    **2.1下载Flutter SDK** 
    
    下载Flutter SDK，目前最新版是3.3.8，我们可以去下载https://flutter.dev/docs/get-started/install/windows。
    
    **2.2安装Flutter SDK** 
    
    下载好之后我们双击安装，进入如下界面：
    
    **[图片]** 
    
    同意协议，点击下一步，进入如下界面：
    
    **[图片]** 
    
    更改安装路径，然后点击下一步，进入如下界面：
    
    **[图片]** 
    
    更改安装路径，然后点击下一步，进入如下界面：
    
    **[图片]** 
    
    点击下一步，即可开始安装Flutter SDK，安装完成之后点击完成即可。
    
    ## 3. 安装Vscode并配置Flutter插件

    **3.1下载Vscode** 
    
    下载Vscode，我们去Vscode官网进行下载，下载好之后双击安装，即可安装成功。
    
    **3.2安装Flutter插件** 
    
    打开Vscode，然后按Ctrl+Shift+X，输入ext install flutter，回车即可安装Flutter插件。
    
    **3.3配置Flutter插件** 
    
    安装好Flutter插件之后，我们还需要配置一下Flutter插件，点击扩展，然后找到Flutter，点击设置，进入如下界面：
    
    **[图片]** 
    
    在Dart & Flutter中找到Flutter SDK Path，点击右侧的Select Flutter SDK，然后找到我们之前安装Flutter SDK的路径，选择Flutter SDK路径，然后点击确定，即可配置成功。
    
    **3.4验证是否配置成功** 
    
    配置成功之后，我们在Vscode中创建一个新的Flutter项目，然后按Ctrl+Shift+B，如果出现如下界面，则说明配置成功：
    
    **[图片]** 
    
    ## 4. 常见配置和注意事项

    **4.1配置Flutter模拟器** 
    
    在Vscode中，按Ctrl+Shift+P，输入Flutter: Launch Simulator，即可启动Flutter模拟器。
    
    **4.2配置Flutter真机调试** 
    
    在Vscode中，按Ctrl+Shift+P，输入Flutter: Connect to Device，即可连接真机进行调试。
    
    **4.3注意事项** 
    
    - 在使用Flutter开发之前，我们需要先安装好JDK开发包和Flutter SDK。
    - 在使用Vscode进行Flutter开发时，我们需要先安装好Flutter插件并配置好Flutter SDK路径。
    - 在使用Flutter模拟器之前，我们需要先启动模拟器。
    - 在使用Flutter真机调试之前，我们需要先连接真机。

    ## 总结
    
    本文介绍了如何在Windows上使用Vscode配置Flutter开发环境，包括安装JDK、Flutter SDK、Vscode插件，以及一些常见的配置和注意事项。希望本文对您有所帮助。