美文网首页
Flutter学习(1)--mac版环境搭建

Flutter学习(1)--mac版环境搭建

作者: 大钟哥Rogue | 来源:发表于2019-05-30 16:32 被阅读0次

    原创博客地址,欢迎来搞!!!

    Flutter的学习,建议优先下载Xcode、Android Studio、Visual Studio Code这几个IDE,毕竟开发的时候我们需要用到这几个IDE的其中一个。

    1. Flutter SDK 安装包下载

    以下是两种比较友好的Flutter SDK安装包的下载方式

    2. 解压

    找到刚才下载好的安装包,比如我这里的安装包是 flutter-1.6.5.tar 这个版本,直接解压到指定的文件夹里去,这里我给出我存放 FlutterSDK 解压后的路径:** /Users/rogue/Documents/FlutterSDK/**。
    上面这个路径,就是最后我解压SDK后的路径,当然,如果你没有工具也可以使用命令行来解压,我给出如下的命令行:

    这样也是可以成功解压到 FlutterSDK 目录下。

    3. 配置环境变量

    在这里,我们会给出配置flutter环境变量的方法,首先,查找一下自己的电脑是否存在 .bash_profile 这个文件,有以下路径 ~/.bash_profile,如果要打开文件,大家可以用以下方法:

    如果你的电脑没有该文件,那么可以自己创建一个

    注意:如果你已经下载了Android Studio这个IDE的话,那么请你配置以下的代码至到.bash_profile文件里:

    以上的配置,需要你找到Android SDK所在位置,不然会报错。

    接下来,我们会正式接入 Flutter SDK 的环境变量:

    以上的配置,特别是 Flutter 的顺序,一定不要搞反了,否则会影响后期项目的创建。

    4. 检查配置

    配置好了Flutter之后,我们需要来验证Flutter是否配置成功,中间可能大家会遇到很多小插曲,可以网上查找一下都可以解决的。
    在这里,需要用到一下的命令:

    同时,我把我这里的检查输出打印出来给大家看,可以对照,我电脑安装了VS Code、Xcode、AS以及IntelliJ,一下的输入,虽然有报错,但是不会对运行程序有影响 :

    如果大家在执行 flutter doctor 命令的时候,遇到报错的情况,而那个错误正好是你需要使用的IDE的情况,那么你可以跟着提示去查找错误并且解决掉。

    5. 创建Demo

    首先,我会使用mac 终端来创建一个程序

    刚才和大家说到,.bash_profile 配置文件里,Flutter 的环境变量不能够写反,如果写反了,这里执行 flutter create xxx 的时候,就会一直卡在终端运行里面而迟迟不能够下载依赖包。而这里,我就不打印失败的输出,直接打印成功创建项目的输出:

    创建项目成功之后,我们可以在目录下找到名为 ios 的文件夹,打开 Runner.xcworkspace 直接运行程序即可。
    最后,你终端创建的项目,既可以使用Xcode打开运行,也可以使用VS Code进行打开运行,还有AS。

    image

    相关文章

      网友评论

          本文标题:Flutter学习(1)--mac版环境搭建

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