阅读 931

一个web前端开发者学习Flutter 的历程(一)

打开Flutter中文网,并选择你自己的系统。(笔者这里用的是mac,所以会按照mac来一步一步往下走)

flutter.cn/docs

这个时候问题来了,因为本身的工作内容原因,其实我并不怎么接触到环境变量这个东西,然而官网只说了一句

What?这是个啥玩意。。。去哪里修改。。。不多废话,直接上具体做法:

打开终端,并输入:

cd ~

修改.bash_profile文件,把这两行复制进去,然后保存就行了。(记住这个文件的位置)

然后按照文档接着往下走,一直到运行flutter doctor,问题来了

什么鬼,自然又是百度一番,还是直接上解决办法。

承接上文的那个伏笔,在根目录下运行:source ~/.bash_profile

再次运行flutter doctor

反正这段话的意思就是说,你不能用下载的SDK你得用git 克隆下来的SDK。。。那为啥要让我下载(家里网还很奇怪,100M的网github下载东西还贼慢)。

开始了漫长的等待。。。可算是克隆完了

PS:有一天笔者这边突然出了点问题,需要重新装flutter的时候发现怎么都装不上,不过还好找的一个仓库gitee.com/mirrors/Flu…,感觉目前国内这个仓库应该是最好的解决办法了

然后重启了终端,flutter doctor终于看见变化了。。。

好像是那么回事了。。。等着吧。。。看看运行完了是啥情况

完蛋,啥也没有。。。。装吧

反正x-code或者android studio 至少装一样,看了一下官网的描述,我选x-code吧,因为我今天的目标是在模拟器上跑出来一个demo就行了。

顺便说一下,其实笔者也走了一遍android studio的流程,但是等待期间,我发现好像x-code的更适合我本身的情况,所以放弃了那条路。如果想走这条路的同学,我提供一个网址:http://www.android-studio.org/(官网应该是被墙了,所以直接用这个中文社区,也是百度出来的)。

不过如果已经看到这个地方应该都是用mac的同学吧,所以还是建议同学们用x-code。

接下来就是等啊等,等啊等。。。。终于安装好了,将近8个G。。。

在等待的过程中,我已经按照体验中的这个步骤,使用vscode把demo代码准备好了。当然肯定也有其他的办法,而且中文网上面也提供其他的办法,如果喜欢的话,都可以尝试一下

接下来还是按照官网的,执行了一下

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
复制代码

接着,打开已经下载好的x-code,反正就是同意协议和安装组件

然后在命令行执行

open -a Simulator
复制代码

等一会,终于。。。

终于啊,一下午了。。。。

然后在vscode里面自带的控制台运行:

flutter run
复制代码

然后令人激动的事情发生了。。。。

第一天这样的内容算是成功了吧。。。

明天再研究代码吧

文章分类
前端
文章标签