zoukankan      html  css  js  c++  java
  • 入门: 在macOS上搭建Flutter开发环境

    备注: 此文章参考Flutter中文网并实际测试

    使用镜像

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

    打开终端输入 vim ~/.bash_profile,在文件末尾添加
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

    获取Flutter SDK

       (1) 去flutter官网下载其最新可用的安装包, 转到下载页

    注意,Flutter的渠道版本会不停变动,请以Flutter官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要FQ,读者也可以去Flutter github项目下去下载安装包,转到下载页

    export PATH=/app/flutter/bin:$PATH
    在打开的文件里增加一行代码,意思是配置flutter命令在任何地方都可以使用

    (2) 解压安装包到你想安装的目录,如
    cd ~/development
    unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

    (3) 添加flutter相关工具到path中:
    export PATH=`pwd`/flutter/bin:$PATH

    运行 flutter doctor

        运行以下命令查看是否需要安装其它依赖项来完成安装 flutter doctor

    该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务(以粗体显示)
    如:
    [-] Android toolchain - develop for Android devices • Android SDK at /Users/obiwan/Library/Android/sdk ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ • Try re-installing or updating your Android SDK, visit https://flutter.io/setup/#android-setup for detailed instructions.

    第一次运行一个flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多

    编辑器设置

      Android studio安装Flutter和Dart插和AVD虚拟机

    1. 启动Android Studio.
    2. 打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
    3. 选择 Browse repositories…, 选择 Flutter 插件并点击 install.
    4. 重启Android Studio后插件生效.

     VSCode安装Flutter插件

    iOS 设置

     安装 Xcode

    创建项目

    1. 使用 flutter create 命令创建一个project:
    2. flutter create myapp
    3. cd myapp
    4. 检查Android设备是否在运行 
      flutter devices
    5. 
      运行 flutter run 命令来运行应用程序
    6. flutter run
    7. 如果一切正常,在应用程序建成功后,您应该在您的设备或模拟器上看到应用程序:

     

     
     


     
  • 相关阅读:
    NPM 重新回炉
    构建工具
    工作的环境部署
    Proxy 代理
    Promise 的 用法及实现
    JS 的 继承
    动态规划——LCS
    矩阵连乘——动态规划
    线段树&树状数组
    SpringAOP
  • 原文地址:https://www.cnblogs.com/wsk1576025821/p/10856584.html
Copyright © 2011-2022 走看看