欢迎您光临深圳塔灯网络科技有限公司!
电话图标 余先生:13699882642

网站百科

为您解码网站建设的点点滴滴

Flutter 搭建环境

发表日期:2018-11 文章编辑:小灯 浏览次数:2162

下载Flutter SDK
https://flutter.io/docs/development/tools/sdk/archive?tab=macos#macos

安装Flutter

第一步:得到flutter路径
将下载后的文件放入应用程序中


将flutter文件拖到终端,拿到flutter的路径 - /Applications/flutter

第二步:配置.bash_profile
打开.bash_profile , 终端执行

open .bash_profile 

加入以下配置(前2个是镜像):

export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn export PATH=/Applications/flutter/bin:$PATH 

注意:

  • 此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

  • export PATH=你的Flutter路径/bin:$PATH

保存并关闭.bash_profile后,终端执行:

source ~/.bash_profile 

验证是否安装成功 ,终端输入:

flutter -h 

出现如下图:

表示正常

第三步:安装Flutter的依赖项

检测Flutter的依赖项 ,终端执行

flutter doctor 

结果图如下:

按照截图中由上至下的一个一个跟着提示安装吧

安装flutter doctor结果进行安装开始(执行语句都是截图中有的),结果如图:

允许协议,终端执行(在Mac存在AndroidStudio的情况下)

flutter doctor --android-licenses 

执行结果:

会各种确认,直接输入y即可,一直到结束

安装成功后终端再次输入:flutter doctor,结果如图:

需要使用Brew,没有brew那就装一个吧

安装Brew,终端执行:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 

按照提示一步一步安装就成了 安装成功

安装成功后,按照flutter doctor的结果,在终端中执行:

brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller

一直等直至都安装完成,网络环境比较好,1小时左右就可以了

安装成功后再次执行flutter doctor,结果如图:

没有安装Xcode则安装Xcode,可以通过AppStore安装,安装成功后终端执行:

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 

会要求输入电脑密码,输入密码即可

安装成功后再次执行flutter doctor,结果如图:

提示安装ios -deploy ,终端执行

brew install ios-deploy 

安装成功后再次执行flutter doctor,结果如图:

提示安装CocoaPods 终端执行:

brew install cocoapods pod setup 

安装成功后再次执行flutter doctor,结果如图:

剩下的就是安装AndroidStudio 插件


1543411941636.jpg

安装成功后会提示重启AndrodStudio重启后再次执行flutter doctor,结果如图:

安装完成了

注意:

  • 在安装Flutter依赖项时所有的执行语句都是按照Flutter doctor中提示执行的,环境不一样需要安装的可能也会不一样的哈
  • 以上操作全部都挂着vpn

参考地址:
https://juejin.im/post/5be3d54cf265da611d6624d3

https://flutterchina.club/setup-macos/Flutter中文网


本页内容由塔灯网络科技有限公司通过网络收集编辑所得,所有资料仅供用户学习参考,本站不拥有所有权,如您认为本网页中由涉嫌抄袭的内容,请及时与我们联系,并提供相关证据,工作人员会在5工作日内联系您,一经查实,本站立刻删除侵权内容。本文链接:https://www.dengtar.com/18031.html
相关APP开发
    SQL执行错误,请检查