美文网首页
mac flutter idea环境搭建

mac flutter idea环境搭建

作者: 淡漠半世盛糖 | 来源:发表于2018-12-19 17:08 被阅读0次

    1、获取Flutter SDK
    下载地址:https://flutter.io/docs/development/tools/sdk/archive?tab=macos#macos
    解压安装包到你想安装的目录。
    2、配置环境变量:

    open ~/.bash_profile
    

    在当期用户目录下创建.bash_profile文件,如果该文件已经存在, 则直接打开。将以下代码复制到.bash_profile中,

    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 
    

    完成之后点击保存,在命令行中执行source .bash_profile,
    然后输入flutter -h进行测试。

    flutter -h
    
    image.png

    3、执行命令flutter doctor ,命令的作用是检测还需要安装的依赖。:

    flutter doctor
    
    image.png

    按照检测结果的说明,如果有[!] ✗ 标志,表示本行检测不通过,需要做一些设置或者安装一些软件。


    image.png

    需要运行:

    flutter doctor --android-licens
    
    image.png

    这里界面会要求输入Y/N,一路输入Y就行了。
    4、配置iOS环境运行命令:

    brew update   
    brew install --HEAD libimobiledevice   
    brew install ideviceinstaller ios-deploy cocoapods   
    pod setup
    

    这个步骤有点慢...
    6、安装idea插件


    image

    (转自网友的图)
    7、安装完成后重启idea,在新建项目的时候左侧菜单栏有Dart和Flutter说明这两个安装完成了,右边红色方框设置Flutter SDK。


    image.png
    8、测试运行项目
    新建一个Flutter工程,工程名不能含大写字母,这里会有点慢
    如果在创建的过程中出现如下错误,那么Close Project,然后重新打开即可。
    image

    如果我们只想简单的实现”Hello World”,用下面的代码替换掉main.dart里面的代码即可。

    import 'package:flutter/material.dart';
    void main(){
      runApp(new Center(child: new Text('Hello Flutter!')));
    }
    

    然后选择模拟器运行即可。


    image.png

    相关文章

      网友评论

          本文标题:mac flutter idea环境搭建

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