美文网首页
Flutter开发入门

Flutter开发入门

作者: 程序员不务正业 | 来源:发表于2022-05-17 10:04 被阅读0次

    1、下载

    # sdk
    https://docs.flutter.dev/development/tools/sdk/releases?tab=macos#mac
    
    //需要翻墙,下载速度慢,如需要可联系我要,在阿里云盘里
    
    # xcode 
    // appstroe
    # android studio
    // 自己找
    
    

    2、配置环境变量

    open -e .bash_profile
    
    // 然后加进去,记得修改zhangrongwu,这是我自己的电脑名称
    # 安卓环境变量
    export ANDROID_HOME=/Users/zhangrongwu/Library/Android/sdk
    export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
    
    # flutter 环境变量
    export PATH=/Users/zhangrongwu/Documents/flutter/flutter/bin:$PATH
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    
    #dart环境变量
    export DART_HOME=/Users/zhangrongwu/Documents/flutter/bin/cache/dart-sdk/bin
    export PATH="${DART_HOME}.${PATH}"
             
    
    
    //open 打不开就自己创建
    vim .bash_profile
    
    //然后让环境变量生效
    source .bash_profile
    //校验, 不提示找不到则成功了。
    flutter
    
    *****************************以上配置只适合当前窗口**********************************
    *****************************永久配置**********************************
    vim ~/.bash_profile    
    //1、复制刚才配置的内容
    //2、创建新文件
    vim ~/.zshrc
    //3、粘贴内容;
    //4、退出保存;
    //5、命令生效
    source ~/.zshrc
    
    

    3、创建项目

    vs code中安装 Flutter插件
    
    终端中使用命令创建项目
    flutter create flutter_app
    

    4、项目运行

    flutter run
    

    目录结构,3.0之后支持了macos、windows、linux。真NB


    截屏2022-05-17 10.06.16.png

    相关文章

      网友评论

          本文标题:Flutter开发入门

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