Flutter From Now On (1)：环境配置

最新推荐文章于 2023-11-14 09:43:42 发布

少年夏之秋

最新推荐文章于 2023-11-14 09:43:42 发布

阅读量7.5k

点赞数 6

分类专栏： web 文章标签： flutter 环境配置 web UI

本文链接：https://blog.csdn.net/qq_41809961/article/details/100821800

版权

web 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

以vscode为基础的环境配置

首先加入相关拓展
加入拓展
然后可以利用vs创建flutter新项目
方式：

ctrl+shift+p调出命令面板Command Palette
或在【查看】中调用

输入指令：
Flutter:New Project
创建新工程
但是这时会提示没有安装flutter sdk，于是我们去安装sdk
在这里下载：https://flutter.dev/docs/development/tools/sdk/releases#windows
在下载后解压（推荐下载最新的dev版本）
将bin文件夹路径放到系统变量
在这里插入图片描述
然后可以在cmd窗口中验证：
首先我们录入
flutter
查看是否成功
然后验证其他依赖
flutter doctor
结果就又发现有问题了：

C:\Users\chengxsh>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel dev, v1.10.1, on Microsoft Windows [Version 10.0.16299.1087], locale zh-CN)
[X] Android toolchain - develop for Android devices
X Unable to locate Android SDK.
Install Android Studio from: https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visit https://flutter.dev/setup/#android-setup for detailed instructions).
If the Android SDK has been installed to a custom location, set ANDROID_HOME to that location.
You may also want to add it to your PATH environment variable.

Android Studio自带了Android sdk，后续可能还会用到，直接安装Android Studio
到这里下载http://www.android-studio.org/
这是个exe文件，直接安装即可。

然后我们继续在vscode command palette创建新工程即可。

剩下的配置问题等出现时再记录在这下面吧。

在安装Android studio时出现的问题

在安装的时候会提示选择standard还是customize，最好还是选择后者，这样可以选择一些依赖，比如说sdk和安卓模拟器的安装盘。这些文件是有点大的，我在standard下安装后运行代码出现的问题，通过customize安装后都得到了解决。（其实还是公司电脑系统固态太小了=_=）
关于Android sdk以及AVD¹的问题，也没大搞清楚，接下来出问题了再去研究吧。
安装好了Android Studio，还需要安装相关的flutter插件，Dart语言的也会随之安装，基本上不需要其他需要操心的事情。
环境总算是配置完了。

我们的目的是学会flutter，接下来就通过指令创建一个demo
flutter create myapp
这个工程实际上就是一个显示点击按钮次数的小APP
但是在试着调试的过程中又出现了一些问题。
参考这里：
flutter出现initializing gradle或resolving dependencies超时的解决方法
还有一些其他的文章，主要修改的文件是这两个