mac下flutter环境搭建

2019-06-13  本文已影响0人  小明小明小明小小明

1.下载flutter到电脑

1.下载flutter,下载地址:(https://flutter.dev/docs/development/tools/sdk/releases#macos),解压flutter到电脑。(需要记住你解压的地址,后⾯会用到)

(还可以通过 ‘git clone https://github.com/flutter/flutter.git‘ 到某个文件夹,同理理需要记住这个⽂件夹的地址,后⾯面会使用到)

2.更新你的环境变量

通过修改~/.bash_profile文件增加三个环境变量,命令⾏ ‘vim ~/.bash_profile’打开这个文件。首先在文件的最底部增加:

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

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

这两句句是为了了更更好的访问flutter,国内搭建的临时镜像。

然后添加'export PATH=/Users/liming/Desktop/flutter/bin:$PATH'到文件底部,"/Users/liming/Desktop"这一段替换成你解压缩⽂文件的地址。其实就是flutter文件夹下bin文件夹的绝对路径。现在就可以执行一下'flutter doctor'命令 如果执⾏成功 就说明flutter安装好了了(第一次执行可能会比较慢 耐⼼等待一下 后面就⽐较快了)

PS:如果你的shell⽤用的zsh的话,终端启动时 ~/.bash_profile 将不会被加载,解决办法就是修改 ~/.zshrc ,在其中添加:source~/.bash_profile(命令行 'vim ~/.zshrc',然后在底部添加’source ~/.bash_profile‘)

查看⾃己使⽤的shell ,命令行‘echo $SHELL’

3.安装Xcode

直接mac appstore搜索下载安装就行了

4.安装VScode

下载地址:https://code.visualstudio.com/

5.安装VScode插件

这个很简单,我给一张图,大家照着图做就可以了

7.安装toolchain

安装homebrew(这个不会的话自⼰百度下)

再次执⾏‘flutter doctor’ 此时会告诉你哪些东⻄没有安装好 (会显示没安装的文件并且告诉你安装需要的⽂件的命令),将命令复制下来,执⾏就可以了。

这是我执⾏行行flutter doctor的结果 因为我安装好了了 所有没有任何错误,安卓的我们暂时不不管

这是未安装完成的,每一个错误下⾯都有解决的方法,在终端中执⾏这些命令就可以了了,可能有的会比较慢。(暂时只讲iOS的,安卓其实也是一样,只是需要下个Android Studio,其他步骤都是一样的)

所有的命令执⾏完了之后我们再次执行一下flutter doctor 看是否还有问题,有问题继续执行提示的命令,没问题的话就可以开始flutter学习之旅了。

有问题可以留言问我,windows环境的也可以哦。

上一篇下一篇

猜你喜欢

热点阅读