Flutter入门（3）：第一个flutter程序

运行下方命令，如果提示 -bash: flutter: command not found，请检查 PATH设置

目前成都创新互联已为数千家的企业提供了网站建设、域名、网站空间、网站托管运营、企业网站设计、垫江网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

启动模拟器后，使用以下命令检测是否可用。不知道如何启用模拟器的，可以去查看 模拟器配置方法

提示有可用设备时，使用以下命令运行flutter应用

注意 ：需要进入到flutter应用根目录下，执行 flutter run才有效，执行成功后如下图

打开testApp/lib/main.dart文件，如图

在命令行中按照提示输入 r 刷新模拟器页面

Flutter-02编译器选择

1.打开 VS Code。

2.打开 查看 命令面板…。

3.输入 “install”，然后选择 扩展: 安装扩展(就是点击选择第一行内容)。

4.在扩展搜索输入框中输入 “flutter”，然后在列表中选择 Flutter 并单击 安装。此过程中会自动安装必需的 Dart 插件。（选择第一行并安装）

5.退出然后重新启动 VS Code。

1.打开 查看 命令面板…。

2.输入 “doctor”，选择 Flutter: Run Flutter Doctor。

3.打开 输出 (OUTPUT) 面板查看是否有错误，确保在不同的输出选项 (Output Options) 的下拉列表中选择了 Flutter。

我们在上篇文章已经用命令行创建了一个 my_app 的flutter项目了，这里我们就可以使用 vscode 打开看看了

创建新项目 ，则是在命令面板输 flutter , 选择 Flutter: New Application Project

运行项目 ，找到 VS Code 的状态栏(窗口底部蓝色的条)

1.打开 Android Studio。

2.打开插件设置（在 v3.6.3.0 以上的系统打开 Configure Plugins）。

这里需要先改一下网络请求的设置

3.然后搜索Flutter 插件，选择并点击 安装。

4.当弹出安装 Dart 插件提示时，点击 Yes。

5.退出重新启动编译器，然后在编译器主页面就可以看到多了了 create new flutter project 可供选择，代表flutter插件安装成功，我们试着点击来创建一个新项目。

命令行执行flutter doctor无响应原因追踪及解决

  最近在学习Flutter开发，在一次配置环境的过程中遇到了一个比较尴尬的坑，不过最终还是把这个坑给填掉了，再此进行一些分享，希望后来者遇到同样的问题时可以轻松的解决。

  从下图中可以看出，前面几条 flutter doctor 命令执行的时候总是未响应，通过各种方式执行都是一样的结果，但是dart命令是能够正常执行。起初还以为是环境变量配置的有问题，但是后来把环境变量改了又改，并且把flutter包换了又换，但是现象一直未得到解决。

  遇到这种难题第一时间想到的便是百度，但是各种关键词搜索了一番之后，竟然没有找到一篇关于这种现象的解决方案，大部分都是flutter命令使用教程，如用 flutter doctor 去查看环境是否配置完成，或者通过 flutter doctor --android-licenses 命令去接受Android SDK的一些协议许可。

  后来，又尝试了必应和Google搜索，也无果之后，放弃了通过网络寻求帮助解决的方法。

  由于只有flutter的命令执行的时候无响应，所以起初认为是程序包有问题。于是通过再次解压程序压缩包和配置环境变量之后，问题仍然存在。

  随后，判断了不是程序包的问题之后开始去监控应用进程的变化。

  到这里，可以猜到很可能是由于git导致的问题，但是先前安装过flutter都没有问题，这一次重装系统之后就突然有问题了。所以就尝试着把git软件给删除并重新安装，然后奇迹的发现了 flutter doctor 命令可以正常执行了。

  于是又倒退回去复现了一下问题，发现是安装git的时候选项选的有问题导致了和flutter冲突。

  如下图，选择了 Use Window's default console window 的选项来安装git软件之后，git bash是直接用的window的命令窗口来执行命令。正是因为选中了这个选项所以导致flutter命令无响应的问题。

  所以如果你出现了和我一样的问题可以尝试重新安装git软件，并在这一步选择 Use MinTTY 的选项来安装。

  经过不断的试错，终于将这个问题解决了，flutter命令也可以正常执行了。如图，通过VSCode开发工具可以正常的执行 flutter create hello_flutter 创建新的flutter项目。

  遇到问题要大胆试错，只要不断的尝试就会离问题的起因更近，最后找到解决问题的办法。如果你的flutter遇到了相同的问题而又不是由于git导致的话，也可以通过类似的方式不断试错并找到最终的解决方案。也欢迎各位同行可以在评论里分享自己解决问题的方法。

  乐于分享，共同进步。

新建一个flutter项目，可以在ios上运行，四步搞定！

1. 建立一个flutter项目的命令

2. 在ios文件夹下，生成pods文件夹

3. Xcode环境签名设置；

把错误的版本删除再添加，可解决签名错误问题；必须先删除再添加，直接修改可能不起作用。团队开发，必须使用团队的签名。

4.运行创建的flutter项目；

选择真机、模拟机，点击运行按钮，或使用命令运行：

下面两步是赠送的：

5.新加一款插件，所涉及的命令；

ios 端所涉及的命令

6. 刚更新的插件和已有的插件有冲突怎么办？

可以试一试以下步骤：

Flutter项目遇到的问题及解决方法记录

问题原因:版本大小原因

解决方案:点击ios文件夹-点击podfile修改如下(亲测实用已解决)

解决方案:

删除IOS工程中的Podfile.lock文件,重新pod install(继续执行Flutter run操作)即可解决。

问题原因：没有配置safety相关

解决方案：可以直接在命令行中执行:

然后在Additional run args 这行键入一下命令即可。

问题原因：xcode版本更新导致的

解决方案：将爆红处一行隐藏，运行，点击fix即可，会显示正确位置就解决了。

解决方法:

1、找到第一个爆红文件，将311行问号后面的Colors.white删除即可

2、 在相同的文件夹内找到第二个爆红文件，找到106行，删除super.addAllowedPoint这一行即可。

造成原因分析：还不清楚

群友帮助：经常出现，重启电脑多试试

解决方案：暂未找到

新闻名称：命令行构建flutter,命令行建立文件
文章URL：http://chengdu.cdxwcx.cn/article/dsdsphc.html