开始了第一个flutter(环境配置)

image.png

最近项目都是一些繁杂的事情，改改小需求，发发版本什么的，有点小迷茫，看着网上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

具体的错误我忘记截图了，这里搬运下其他大佬的图：

image.png

按照检测结果的说明，如果有[!] ✗ 标志，表示本行检测不通过，需要做一些设置或者安装一些软件。
第一个错误我这里是没有的，我电脑系统本身是最高的，更新过xcode。
安卓的错误，是andriod Studio插件没有装，我记得我这里还报了一个andriod Studio版本比较低，我的是2.2；然后还报了本地没有找到android SDK，所以我先更新了一下一下andriod studio ，然后点plugins，搜索flutter，install重启就好了。

上一步操作弄完之后，可以再一次检查下flutter环境 flutter doctor，不出意外的话应该还是会有报错。我想应该和我报的一样，还是是安卓的问题。
那么在命令行运行这行：

flutter doctor --android-licenses

image.png

不出意外的话，一直输y就会搞定！

image.png

最后出现这样的东东，那么按照上面的要求做就完事了。

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

这个过程稍微有点点慢，不过也还可以接受，站起身，上个厕所，打个水喝，浏览下网页，心想要是不成功，我就❌掉黑窗口，不弄这个flutter了，结果成功了！按照大神的问题解决步骤，我成功了！

最后检验下环境

flutter doctor

image.png

总结

之前一直恐惧这个flutter，第一是觉得环境感觉有点难配置，第二，语法感觉就很奇怪，写个界面，各种嵌套的；但总归还是要踏出第一步，现在环境问题完美的解决了，下面开始于凯的flutter之旅吧~
[tip]: 如果按照我的步骤没有成功，那么请参考大佬的步骤，我是一步步按照他的来的，官网只是稍微的看了一下https://www.jianshu.com/p/b50a92afbef1