Flutter配置for Mac -- VSCode

时间 2019-11-24

标签 flutter 配置 mac vscode 栏目 MacBook 繁體版

原文原文链接

最近开始了解Flutter，下面介绍在Mac环境下配置开发环境，我是一个iOS开发者，全部之后的系列文章都会以iOS的开发角度去学习Flutter。你们一块学习html

官方开发文档地址

官方开发文档地址android

Flutter下载包地址

下载包git地址ios

VSCode下载地址

自行搜索下载VSCode下载git

配置Flutter-SDK

1：解压压缩包，以我我的配置为例，放到文档中，而且建立一个文件夹Flutter，且把解压后的文件放入该文件夹中。github

2：配置环境路劲配置环境变量,使用命令行：shell

`cd`到上一步的路劲 
复制代码

执行macos

vim ~/.bash_profile
复制代码

保存并退出（啥事不用干）保存以后执行以下命令vim

export PATH=`pwd`/flutter/bin:$PAT
复制代码

保存一下，注意若是这个文件不存在，那么就新建一个。保存完毕以后运行命令:bash

source ~/.bash_profile
复制代码

这个时候应该能运行flutter命令了，咱们运行命令行：微信

flutter -h
复制代码

执行完命令后出现以下日志

Manage your Flutter app development.

Common commands:

  flutter create <output directory>
    Create a new Flutter project in the specified directory.

  flutter run [options]
    Run your Flutter application on an attached device or in an emulator.

Usage: flutter <command> [arguments]

Global options:
-h, --help                  Print this usage information.
-v, --verbose               Noisy logging, including all shell commands
                            executed.
                            If used with --help, shows hidden options.

-d, --device-id             Target device id or name (prefixes allowed).
    --version               Reports the version of this tool.
    --suppress-analytics    Suppress analytics reporting when this command runs.
    --bug-report            Captures a bug report file to submit to the Flutter
                            team.
                            Contains local paths, device identifiers, and log
                            snippets.

    --packages              Path to your ".packages" file.
                            (required, since the current directory does not
                            contain a ".packages" file)

Available commands:
  analyze                  Analyze the project's Dart code. attach Attach to a running application. bash-completion Output command line shell completion setup scripts. build Flutter build commands. channel List or switch flutter channels. clean Delete the build/ directory. config Configure Flutter settings. create Create a new Flutter project. devices List all connected devices. doctor Show information about the installed tooling. drive Runs Flutter Driver tests for the current project. emulators List, launch and create emulators. format Format one or more dart files. help Display help information for flutter. install Install a Flutter app on an attached device. logs Show log output for running Flutter apps. make-host-app-editable Moves host apps from generated directories to non-generated directories so that they can be edited by developers. packages Commands for managing Flutter packages. precache Populates the Flutter tool's cache of binary
                           artifacts.
  run                      Run your Flutter app on an attached device.
  screenshot               Take a screenshot from a connected device.
  stop                     Stop your Flutter app on an attached device.
  test                     Run Flutter unit tests for the current project.
  trace                    Start and stop tracing for a running Flutter app.
  upgrade                  Upgrade your copy of Flutter.

Run "flutter help <command>" for more information about a command.
Run "flutter help -v" for verbose help output, including less commonly used
options.

复制代码

检查环境

flutter doctor
复制代码

出现日志以下

![环境检查以下](https://upload-images.jianshu.io/upload_images/1416781-f1797dbb30e71ace.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.0.0, on Mac OS X 10.13.1 17B1003, locale
    zh-Hans-CN)
[✗] Android toolchain - develop for Android devices
    ✗ Unable to locate Android SDK.
      Install Android Studio from:
      https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK
      components.
      (or visit https://flutter.io/setup/#android-setup for detailed
      instructions).
      If Android SDK has been installed to a custom location, set $ANDROID_HOME
      to that location.
      You may also want to add it to your PATH environment variable.

[!] iOS toolchain - develop for iOS devices (Xcode 9.2)
    ✗ libimobiledevice and ideviceinstaller are not installed. To install with
      Brew, run:
        brew update
        brew install --HEAD usbmuxd
        brew link usbmuxd
        brew install --HEAD libimobiledevice
        brew install ideviceinstaller
    ✗ ios-deploy not installed. To install with Brew:
        brew install ios-deploy
[!] Android Studio (not installed)
[✓] VS Code (version 1.31.1)
[✓] Connected device (1 available)

! Doctor found issues in 3 categories.
复制代码

NOTICE:按照检测结果的说明，若是有[!] ✗ 标志，表示本行检测不经过，须要作一些设置或者安装一些软件。由于我是iOS开发者，因此只针对iOS开发体系全部看上面有提示x的因此就执行每一行提示的指令

✗ libimobiledevice and ideviceinstaller are not installed. To install with
      Brew, run:
        brew update
        brew install --HEAD usbmuxd
        brew link usbmuxd
        brew install --HEAD libimobiledevice
        brew install ideviceinstaller
    ✗ ios-deploy not installed. To install with Brew:
        brew install ios-deploy
复制代码

依次执行完成便可

NOTICE不一样用户看到信息不用，请酌情处理