Flutter入门环境搭建及hello_flutter

0.效果

概念性的东西我不太会扯,先给一个Fullter开发调试时的效果,让你3秒钟爱上ta

Flutter入门环境搭建及hello_flutter_第1张图片

1.系统环境搭建

    所需基础工具:git,Android Studio,  IntelliJ IDE,这些的下载安装就不啰嗦了。

    安装Flutter ,win+R cmd 输入

git clone https://github.com/flutter/flutter.git

    配置环境变量,如下图

    Flutter入门环境搭建及hello_flutter_第2张图片

    再次win+R cmd 输入

flutter doctor

Flutter入门环境搭建及hello_flutter_第3张图片

说明OK了。

2.开发环境搭建

启动 IntelliJ IDE 进入插件安装界面(跟AS比较接近就没有一一截图了),搜索flutter并安装

Flutter入门环境搭建及hello_flutter_第4张图片

安装时应该会提示安装Dart ,正常安装即可,如果没有,手动搜索安装即可。

然后依次配置Dart和flutter的SDK path

Flutter入门环境搭建及hello_flutter_第5张图片

Flutter入门环境搭建及hello_flutter_第6张图片

3.helloflutter

    新建项目

Flutter入门环境搭建及hello_flutter_第7张图片

选择flutter项目,以及flutter SDK

Flutter入门环境搭建及hello_flutter_第8张图片

然后输入项目的名字,以及项目位置等,即可

Flutter入门环境搭建及hello_flutter_第9张图片

等一会儿,项目建好了,如果你插上了真机(模拟器可能会有问题),

Flutter入门环境搭建及hello_flutter_第10张图片

点右上方的绿色箭头就可以运行了.







你可能感兴趣的:(flutter)