最近项目都是一些繁杂的事情,改改小需求,发发版本什么的,有点小迷茫,看着网上flutter挺火的,也逛过几次官网,前面确实对这个flutter不是很感冒,看着那个语法就感觉很头疼,什么一层层的嵌套,配一些环境什么的,还是我们js大法好,有了node,浏览器就ok了。看了别人发的一些关于flutter的文章后,对flutter都是表示了一定的肯定之后,我决定还是硬着头皮踏出那第一步!关键开头难,踏出了第一步就好了
环境配置
笔者电脑是macos的最新Catalina系统,按照官网的步骤一步步的往下弄~
flutter中文官网
- 下载的flutter很顺利,直接官网上下载链接点击下载就好了,包也不大,几百M
- 配置环境变量
- 将下载好的资源解压在本地的某个目录下,笔者解压在~Document/work/flutter下
- 然后就需要把flutter添加到环境变量里面去,这样就能在命令行访问flutter了
1,确定解压的flutter目录
2,按照官网配置path,PATH_TO_FLUTTER_GIT_DIRECTORY是你解压flutterSDK的目录,笔者的是~Document/work/flutter,替换下就好了。
3,运行 source $HOME/.bash_profile
export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置 export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH
- 配置好后就可以愉快的在命令行中flutter了
当然配置好后,用flutter doctor会出现一堆的错误❌,不过不要紧张,没关系,按照上面的提示一步步的来就好了。
检查环境信息
flutter doctor
具体的错误我忘记截图了,这里搬运下其他大佬的图:
按照检测结果的说明,如果有[!] ✗ 标志,表示本行检测不通过,需要做一些设置或者安装一些软件。
第一个错误我这里是没有的,我电脑系统本身是最高的,更新过xcode。
安卓的错误,是andriod Studio插件没有装,我记得我这里还报了一个andriod Studio版本比较低,我的是2.2;然后还报了本地没有找到android SDK,所以我先更新了一下一下andriod studio ,然后点plugins,搜索flutter,install重启就好了。
上一步操作弄完之后,可以再一次检查下flutter环境 flutter doctor,不出意外的话应该还是会有报错。我想应该和我报的一样,还是是安卓的问题。
那么在命令行运行这行:
flutter doctor --android-licenses
不出意外的话,一直输y就会搞定!
最后出现这样的东东,那么按照上面的要求做就完事了。
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
brew install cocoapods
pod setup
这个过程稍微有点点慢,不过也还可以接受,站起身,上个厕所,打个水喝,浏览下网页,心想要是不成功,我就❌掉黑窗口,不弄这个flutter了,结果成功了!按照大神的问题解决步骤,我成功了!
最后检验下环境
flutter doctor
总结
之前一直恐惧这个flutter,第一是觉得环境感觉有点难配置,第二,语法感觉就很奇怪,写个界面,各种嵌套的;但总归还是要踏出第一步,现在环境问题完美的解决了,下面开始于凯的flutter之旅吧~
[tip]: 如果按照我的步骤没有成功,那么请参考大佬的步骤,我是一步步按照他的来的,官网只是稍微的看了一下https://www.jianshu.com/p/b50a92afbef1