美文网首页Flutter
Flutter 安装教程

Flutter 安装教程

作者: ImWiki | 来源:发表于2019-05-31 23:49 被阅读0次
    安装
    1. 下载
      https://flutter.dev/docs/development/tools/sdk/releases
    2. 解压
     cd ~/development
     unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip
    
    1. 设置PATH环境变量

    nano ~/.bash_profile

    添加下面代码,其中第一行是你flutter解压的位置,另外两行是为了解决国内访问flutter慢的问题,一定要添加,不然根本就无法使用。

    export PATH=${PATH}:/Users/Wiki/Documents/Tools/flutter/bin
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    

    保存退出

    1. 测试命令,验证是否已经成功添加依赖
    flutter doctor
    
    根据提示安装缺少的包

    使用brew update无反应,更新慢解决办法

    brew update
    brew install --HEAD libimobiledevice
    brew install ideviceinstaller ios-deploy cocoapods
    
    使用国内镜像

    由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    
    启动iOS虚拟机
    open -a Simulator
    
    创建一个项目
    flutter create my_app
    cd my_app
    flutter run
    

    到这一步,第一个demo就启动完成了

    配置编辑器

    我们建议使用官方的编辑器插件之一,以获得更好的体验。通过官方的编辑器插件,您可以获得代码补全、语法高亮、widget编辑辅助、运行和调试支持等等。支持Android Studio、IntelliJ或VS Code添加编辑器插件。

    Android Studio、IntelliJ idea
    1. Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
    2. Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).
    使用 Android Studio 创建Flutter项目

    选择 File>New Flutter Project

    相关文章

      网友评论

        本文标题:Flutter 安装教程

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