Flutter-iOS

2019-04-15  本文已影响0人  泥孩儿0107

Flutter 官网步骤https://flutterchina.club/setup-macos/

1 Flutter安装

下载地址https://github.com/flutter

直接放到桌面

按照一下步骤执行:

不成功结果:

给的提示运行吧 终端挨个输入

        brew update

这个需要一些时间有点慢

 brew install --HEAD usbmuxd  出错了 下面是错误原因  

 如提示所说,安装ruby除了安装Xcode外,还需要安装Command Line Tools。

打开终端,输入命令:

xcode-select --install

确保安装成功:

xcode-select -p

出现"/Library/Developer/CommandLineTools" 路径即表示安装成功。

这就表示成功了  还需要等一会儿:

 brew link usbmuxd

        brew install --HEAD libimobiledevice小心这里也会出错


两个错误  第一个直接rm就好

第二个是发现/usr/local/下没有路径/usr/local/Frameworks

需要新建该路径,并修改权限

$ sudo mkdir /usr/local/Frameworks

$ sudo chown $(whoami):admin/usr/local/Frameworks

终端重新brew install --HEAD libimobiledevice 走一遍  成功


      紧接着  brew install ideviceinstaller


运行 flutter doctor

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

终端输入brew install ios-deploy

这就好了 

  $ flutter create flutterapp

  $ cd flutterapp

  $ flutter run

3.安装JDK

在Windows上安装完JDK还需要配置环境变量,但是在Mac上非常方便了

双击下载好的dmg 文件,依次执行以下步骤,即可安装完成。

第二步:下载、安装AndroidStudio

AndroidStudio下载地址:

如果不能翻墙建议使用以下地址下载:http://www.android-studio.org

官方地址:http://developer.android.com/intl/zh-cn/sdk/index.html

下载完成后如下:

2.安装

按照如下提示移动AndroidStudio,即可完成安装。

第三步:运行AndroidStudio

1.首次打开会有如下提示:

第一个选项,询问你是否之前有使用其他版本,需要导入配置。

第二个选项,是默认AS设置,不需要导入。由于第一次使用,所以我选择后者,点击“OK”按钮。

2.可能会弹出如下界面,提示无法访问Android SDK,可以暂时不管,直接cancel。

3.弹出如下界面,直接next。

上图为选择安装组件的形式,我们这里选择标准模式。

接下来弹出ui主题的选择,我们默认,然后next。

4.显示下载组件信息,等待下载完成。

下载完成后就可以使用AndroidStudio开发应用程序了。

打开AndroidStudio 

二、安装插件

Android Studio要进行Flutter的开发,还需要安装两个插件: Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等). Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

安装方式: 在Preferences>Plugins中进行安卓,如图:

在Plugins中点Browse repositories,然后搜索 Flutter 和 Dart

然后便可以开始安装,安装过程中可能会出错,多尝试几次。

安装完成后重启Android Studio后插件生效。

三、打开或创建Flutter 工程

1、新建Flutter工程

进入File-New-New Flutter Project(或者在Android studio启动引导界面创建),然后选择Flutter Application,再填写工程名、路径等信息便新建了一个Flutter工程

2、打开已有的Flutter工程

这一点和官方的介绍IntelliJ的操作差异比较大。

在Android studio启动引导界面选择Open a existing Android Studio Project(或者在File-Open进行打开),然后选择Flutter工程的主目录,打开

打开项目之后会一系列报错  因为之前没有下载sdk  会有提示下载  点击download直接下载   下载完成后错误直接就没有了  在终端

那么第一步要作的是允许协议(android-licenses)。允许方法就是在终端运行如下命令:

flutter doctor --android-licenses复制代码

然后让你输入Y/N的时候,一路Y就可以了(至于啥意思,我也没仔细看,大概就和安装软件的下一步下一步是一样的,你按N是不能成功的)。

最后结果

上一篇下一篇

猜你喜欢

热点阅读