Flutter从新建文件夹开始

作者: 吃泥巴的猫 | 来源:发表于2022-06-02 16:39 被阅读0次

    Flutter环境配置

    Flutter升级3.0后,马不停蹄又把flutter下载下来了,写了个小东西,丝滑的体验
    自带的各种转场效果,与原生更加真假难辨的感受(反正我不开调试模式的话。。。我看不出来)
    就先从新建文件夹开始配置环境开始吧

    第一件事github能打开么?

    • 打的开github,就用git下载
      • mac下载
      cd ~/development
      unzip ~/Downloads/flutter_macos_3.0.1-stable.zip
      
      • windows下载
      git clone https://github.com/flutter/flutter.git -b stable
      
      下载目录自己看着 CD,知道在哪就行,配置环境还得用**
    • 打不开github,那就用国内网站下载
      这边建议看着文档配置 flutter中文网

    文件夹新建好了-环境配置

    我是mac系统,就只说mac的配置吧,windows和linux呢,这边建议看上边的链接

    • 先看你bash环境


      image.png

      我这边的是zsh,苹果更新新版本系统的,shell会改

    • 环境配置
      上面说要用的那个地址,这不就用上了。
      • zsh的才适用
        打开终端
        open $HOME/.zshrc
        
        没有就先touch
        export PATH="$PATH:/********/flutter/bin"
        
        这行复制进去,保存,关闭,终端接着输
        source $HOME/.zshrc 
        
        这个时候就可以输入命令看配置是否生效了
        flutter doctor
        
        没有什么 commond not found 什么奇奇怪怪的提示就算成了
        flutter precache
        
        预下载他的各种东西
      • bash
        打开终端
        open $HOME/.bashrc
        
        没有就先touch
        export PATH="$PATH:/********/flutter/bin"
        
        这行复制进去,保存,关闭,终端接着输
        source $HOME/.bashrc
        
        这个时候就可以输入命令看配置是否生效了
        flutter doctor
        
        没有什么 commond not found 什么奇奇怪怪的提示就算成了
        flutter precache
        
        预下载他的各种东西
      • 预下载可能会有下载失败的情况,那么你可能需要一把梯子或者换源
        换源的话接着上面的命令,打开你的配置文件加一行
        export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
        
        加完,保存,终端,source重下载应该就妥了,应该,不应该的话,可以选择重启,毕竟,重启可以解决百分之八十的问题。。。毕竟哪有问题能百分之百解决。。。

    3.0当然要跨平台

    • 3.0当然是冲着他的横跨多端去的,当然要跨平台啊,打开你的终端
      • 支持windows桌面应用
      flutter config --enable-windows-desktop
      
      • 支持macos桌面应用
      flutter config --enable-macos-desktop
      
      • 支持linux桌面应用
      flutter config --enable-linux-desktop
      

    编辑器设置

    作为一个死安卓开发,那就AS吧,虽然他又卡,又会有各种奇奇怪怪的bug,又会经常爆一堆红项目还不报错,但是他毕竟是谷歌的亲儿子,尤其是升级后模拟器在编辑器内显示,简直就是为flutter而做的功能,真香。


    image.png

    下插件吧

    • flutter
    • dart
    • JsonToDart

    下载完按提示重启

    这个时候,你就能看到new flutter project image.png

    要支持ios和MacOS记得下Xcode
    这次建了Flutter的文件夹,下集吧,下集建项目文件夹,下集一定

    相关文章

      网友评论

        本文标题:Flutter从新建文件夹开始

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