首先 我是参照 的是flutter中文网:
https://flutterchina.club/get-started/install/
捣鼓好 flutter 环境的。 可以点进去 选择你的代码环境, 我的是 windows
, 编辑器 用的 android studio .
步骤:
1.配置用户环境变量
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
----这些环境变量,是flutter 在中国的镜像
2.下载 git for windows
Git for Windows
安装 好后 在 cmd 输入 git --verison 说明安装好了
2.1 如果你是第一次 下载 安装 git for windows, 需要配置ssh 来连接 github
打开 gitbash, 界面如下图
输入
ssh-keygen -t rsa -C "your email"
生成 你的 ssh 密钥, 中间要输入你的密码 敲两次回车就ok
2.2 然后就会在 你的 C;\Users\你的用户名.ssh 下面 找到 id_rsa.public , 全部复制里面的内容, 下图是我的id_rsa.public 所在位置
2.3 打开你的github 的 setting --> ssh and gpg keys --> new ssh key --》输入标题, 刚才复制的密钥, 确定。 如下图:
2.4 输入 ssh -T git@github.com 测试 是否可以连接 github, 如果含有 succeeful, 说明连接成功 , 下图代表连接成功
- 获取flutter sdk
最好在你的 c盘新建 src/flutter (–不要把 flutter 放到 program file 下面)
在 新建的目录下 运行cmd命令 :
git clone -b beta https://github.com/flutter/flutter.git
3.1下载好之后 ,将flutter/bin 放到 path环境变量。
3.2 在cmd 运行 flutter doctor ,会自动下载 flutter 所依赖项,(要一点时间,耐心等待 就ok)
- 编辑器 设置 flutter, 我使用的ide 是 android studio, 如果你要使用其他ide,可以去flutter中文网看对应的教程。
4.1 确保你有 android studio, 没有的话安装一个,要3.0以上的就ok
4.2 在 file --> setting 找到 flutter 插件 ,安装, 点击重启ide就ok, 如下图
- 环境就ok 了, 那么就可以写第一个 flutter 应用了。
5.1 file --> new flutter project 选择flutter application, 输入自己的应用名 next next, 就ok了。
5.2 lib --> main.dart 就是我们的 dart 启动文件
5.2.1 这里要注意有个坑,就是如果你现在点run的话会有问题, 要把代码仓库改为 阿里的 镜像。
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
有两个地方要改:
- 项目中, android, 下面的 build.gradle ,把 google, jcenter 注释 改为 上面的镜像,如下图:
2.在 你的 flutter 的sdk 目录下, packages\flutter_tools\gradle 下面有一个 flutter.gradle 文件, 也改一下仓库地址,如下图:
5.2.2 我自己的话 还遇到一个坑, 就是报 我的 graddle 有问题, 去这个 地址 http://services.gradle.org/distributions/ 把你报 graddle错误的版本手工下载,然后替换一下 graddle all.zip 重写运行一下就ok。
- 这时候 我们就可以 连接真机,或者打开虚拟机, 点debug 运行我们的项目, 这个是可以 热重载的, 当我们修改代码, ctrl + s 保存一下,可以看到我们的界面就进行了更新。 如下图