zoukankan      html  css  js  c++  java
  • MAC安装flutter开发环境

    #最近在学flutter开发,写一篇记录一下安装的过程

    1、配置flutter镜像地址

     vim ~/.bash_profile 命令行输入后回车,打开.bash_profile配置镜像地址

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

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

    (进入后默认是不可编辑的,按a进入编辑模式,下方会出现INSERT)

    输入好,按ESC退出编辑模式,输入:wq返回至命令行

    经提醒,退出编辑模式后别忘了在命令行输入source ~/.bash_profile保存

    2、下载flutterSDK

    进入需要安装flutter的文件夹,命令行输入

    git clone -b beta https://github.com/flutter/flutter.git(大家也可以从github上下载安装包)

    网速可能较慢

    3、下载完成后配置flutter环境变量

    打开.bash_profile

    输入

    export PATH=`pwd`/flutter/bin:$PATH

    (pwd为flutter在本机上的路径)

    获取flutter文件夹路径方式:

    1. 命令行进入flutter文件夹所在的上一级文件夹,输入"pwd"命令,自动显示文件夹

    2. 右键显示简介,复制文件地址/Users/pricechen(在命令行会自动转变为英文地址),将'pwd'粘贴为复制的地址

    4、查看flutter是否安装成功

    回到命令行,输入flutter doctor

    出现如图所示即安装成功,前两个是安卓与ios的调试环境,出现叉号就按照给出的命令一条条配置就可以了,第三四个分别为AndroidStudio与VScode的开发环境,我在MAC上用的是VScode

    (flutter doctor命令可多次执行,如果MAC没有homebrew可以面向百度先安装一下homebrew,不然用不了brew 的命令)

    5、vscode需要下载flutter和dart两个插件

    按shift+command+p调出terminal palette选择创建flutter工程

    6、附一张VScode调试图,(热重载好用)

    选择顶部菜单栏,debug->start debugging可以启动模拟器(默认是最新版模拟器)

  • 相关阅读:
    卷积神经网络入门(1) 识别猫狗
    lumen 获得当前uri 如/xxx/{id}
    React ES5 (createClass) 和 ES6 (class)
    lumen 单元测试
    mysql 高级语法手记
    react手记(componentWillMount,componentDidMount等)
    lumen 事件
    PDO drivers no value in Windows
    BindingNavigator操作DatagridView的数据
    <input type="hidden" id="haha" name="wang" value="xiaodong" />
  • 原文地址:https://www.cnblogs.com/chenprice/p/10640059.html
Copyright © 2011-2022 走看看