flutter开发环境安装设置（提醒：jdk版本不能超过11，要注意flutter、android studio和jdk的版本匹配）
<p>参考教程：https://blog.csdn.net/qq_40976321/article/details/121806555<br><span style="font-size: 18px"><strong><span style="background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)">一、安装flutter（版本：3.7.7）到目录 tools 下面；</span></strong></span><br><strong><span style="background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)">1、window的用户直接将下面的添加到环境变量中</span></strong></p><p>PUB_HOSTED_URL=https://pub.flutter-io.cn<br>FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn</p>
<p>注意：这两个环境变量一定要加，否则可能导致后面 flutter doctor 命令连接不上服务<br><img src="https://img2023.cnblogs.com/blog/2294042/202303/2294042-20230313001920625-1806670524.png"></p>
<p> </p>
<p><span style="background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)"><strong>2、环境变量–指定到bin目录</strong></span>（虽然点击.bat文件就可以运行，但是为了方便能够在cmd窗口直接运行flutter，所有还是要去配置环境变量） <br><img src="https://img2023.cnblogs.com/blog/2294042/202303/2294042-20230313002055304-847163265.png"></p>
<p> </p>
<p><span style="background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)"><strong>3、dos下运行：flutter doctor，检查安装完成状态</strong></span></p>
<p> 查看版本：flutter --version</p>
<p><em id="__mceDel"><span style="font-size: 18px"><strong><span style="background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)">二、安装jdk（版本：11.0.5）到目录tools下面；</span></strong></span><br> 注：jdk、flutter、android studio版本必须匹配<br> 查看版本：java --version</em></p>
<p><strong><span style="font-size: 18px; background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)">三、安装android studio 2022.1到目录tools下面；</span></strong><br><strong><span style="font-size: 15px; background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)">1、安装</span></strong><br><strong><span style="font-size: 15px; background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)">2、环境变量配置</span></strong><br>ANDROID_HOME = Android sdk 安装的位置添加完成之后<br>输入 flutter docotr进行检测<br><em><em><em>如果新终端显示 Android sdk 处还是红叉，就重启电脑再进行 flutter docotr进行检测<br></em></em></em></p>
<p>%ANDROID_HOME%\platform-tools<br>%ANDROID_HOME%\tools <br>两个path变量<br><strong><span style="font-size: 15px; background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)">3、安装android工具链</span></strong></p>
<p>[！Android工具链-为Android设备开发(Android SDK version 31.0.0)<br>缺少X cmdline-tools组件<br><span style="color: rgba(255, 153, 0, 1); font-size: 13px"><strong>运行' path/to/sdkmanager——install "cmdline-tools;latest"</strong></span><br>详情请参见https://developer.android.com/studio/command-line。<br>X Android许可状态未知。<br><span style="color: rgba(255, 153, 0, 1)"><strong>运行' flutter doctor --android-licenses '来接受SDK许可证。</strong></span><br>详情请参见https://flutter.dev/docs/get-started/install/windows#android-setup。<br><img src="https://img2023.cnblogs.com/blog/2294042/202303/2294042-20230312121111319-1790610083.png"></p>
<p> </p>
<p><img src="https://img2023.cnblogs.com/blog/2294042/202303/2294042-20230312121136797-859695964.png"></p>
<p><span style="color: rgba(255, 153, 0, 1)"><span style="color: rgba(255, 255, 255, 1)"><strong><span style="background-color: rgba(153, 51, 0, 1)">4、工具链安装补全方</span></strong>法</span></span>：打开studio–选择sdk<em><em><em> manager – sdk tools – 底部取消勾选 – 再勾选2个sdk tools – 点击ok<br><img src="https://img2023.cnblogs.com/blog/2294042/202303/2294042-20230312121317272-1888430000.png"></em></em></em></p>
<p><img src="https://img2023.cnblogs.com/blog/2294042/202303/2294042-20230312121336075-65370976.png"></p>
<p> </p>
<p><strong><span style="background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)">5、设置android模拟器</span></strong>：启动 Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device <br><img src="https://img2023.cnblogs.com/blog/2294042/202303/2294042-20230312121545850-7819398.png"></p>
<p> </p>
<p><span style="background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)"><strong>6、在android studio中安装flutter插件</strong></span>，会自动同时安装dart插件（打开插件首选项 (Preferences>Plugins 搜索并安装）重启后生效）<br><img src="https://img2023.cnblogs.com/blog/2294042/202303/2294042-20230313000010554-1502488382.png"></p>
<p> </p>
<p><strong><span style="background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)">7、创建我的第一个flutter项目</span></strong><br><img src="https://img2023.cnblogs.com/blog/2294042/202303/2294042-20230313000128074-1863066653.png"></p>
<p> </p>
<p><img src="https://img2023.cnblogs.com/blog/2294042/202303/2294042-20230313000201910-1581707393.png"></p>
<p> </p>
<p><span style="background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)"><strong><span style="font-size: 18px">四、运行项目（涉及文件全部在目录{c:\tools\flutter安装设置}）</span></strong></span><br><span style="background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)"><strong>1、修改host文件</strong></span> <br><span style="background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)"><strong>2、拷贝文件（init.gradle）</strong></span>到目录（C:\Users\sam.fs\.gradle），可以提升依赖文件下载速度<br><span style="background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)"><strong>3、拷贝文件（gradle-7.5-all.zip）</strong></span>到目录（C:\Users\sam.fs\.gradle\wrapper\dists\gradle-7.5-all\6qsw290k5lz422uaf8jf6m7co）<br>4、上面第3点的各版本gradle文件在腾讯镜像上面有：https://mirrors.cloud.tencent.com/gradle/<br><strong><span style="background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)">5、完成上面几点设置后，项目run起来时，会进行依赖文件下载，速度较慢</span></strong>，在打开的项目文件夹中找android文件夹，右键点击后的flutter菜单项，选在新的android studio窗口查看，可以看到依赖文件下载情况。<br><img src="https://img2023.cnblogs.com/blog/2294042/202303/2294042-20230313001535645-872135536.png"></p>
<p><span style="background-color: rgba(153, 51, 0, 1); color: rgba(255, 255, 255, 1)"><strong>6、flutter开发环境设置成功，项目正常运行后的显示</strong></span><br><img src="https://img2023.cnblogs.com/blog/2294042/202303/2294042-20230313001452969-1523366591.png"></p>
<p> </p>
<p> </p>
<p><br> </p>
<p> </p>
<p> </p>
<p><br> </p>
<p> </p>
<p><em id="__mceDel"><em id="__mceDel"><em id="__mceDel"><br><br><br><br><br><br><br><br><br><br><br><br><br><br></em></em></em></p><br><br>
来源：https://www.cnblogs.com/pearlcity/p/17209895.html
頁:
[1]