美文网首页Flutter
在Windows上搭建Flutter开发环境

在Windows上搭建Flutter开发环境

作者: Observer_观者 | 来源:发表于2020-09-22 14:50 被阅读0次

    0.在Windows上搭建Flutter开发环境
    1.从零开始学Flutter--Widget
    2.从零开始学Flutter--State 状态管理

    怎么去搭建Flutter的开发环境网上有很多的介绍,挂几个链接然后随便讲一下流程吧
    1.安装和配置Flutter
    2.安装和配置Flutter

    下载Flutter SDK

    配置Flutter的第一步就是下载Flutter SDK,然后进行安装,上面两个地址都有给SDK下载地址,这里的问题是有的SDK安装包有时会报 没有.git文件的错误,所以最稳妥的方法是通过git clone命令安装
    在安装目录下面执行

    git clone -b stable https://github.com/flutter/flutter.git
    
    1600757715(1).jpg

    安装完成之后,可以在安装根目录,找的 flutter_console.bat 文件,双击运行

    1600758574(1).jpg

    配置Flutter运行环境变量

    在用户变量里面编辑或者添加 Path 条目,把Flutter的bin目录路径添加在里面


    1600758743(1).jpg

    运行Flutter

    在命令行运行 flutter doctor,它会下载它自己的依赖项并自行编译,一般情况是会报错提示,多半是Android SDK找不到什么的,如果出错了,就按照错误信息网上查一下就解决了。
    我的已经处理完成的


    1600759065(1).png

    编辑器设置

    我用的Android Studio,上面连接里面有不同系统和编辑器的流程,详情可以前往查看

    Android Studio的开发环境就不说了,需要的可以自行百度。Android Studio配置Flutter开发主要是 Flutter 和 Dart两个插件

    1600759330(1).jpg

    File -- Settings -- Plugins -- Marketplace 然后在搜索里面搜索Flutter和Dart安装就可以了。
    安装完插件,重启一下 Android Studio 基本就配置完成了,可以新建Flutter项目了。

    新建Flutter项目

    File -- New -- New Flutter Project

    1600759623(1).jpg 1600759722(1).jpg

    选择Flutter Application

    然后到这个最后一步的时候,会有一点小问题

    1600759816(1).jpg

    Flutter SDK path 这一栏第一次默认是空的,需要手动选择,选择我们最开始下载的Flutter SDK,选择根目录,就可以了

    在Windows 安装配置 Flutter 开发环境基本流程就是这样,不同的平台或者使用不同的开发工具可以在文章最上面的链接进去查看,也会更加详细

    相关文章

      网友评论

        本文标题:在Windows上搭建Flutter开发环境

        本文链接:https://www.haomeiwen.com/subject/oqywyktx.html