入坑 flutter,环境搭建

首先 我是参照 的是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, 说明连接成功 , 下图代表连接成功
在这里插入图片描述

  1. 获取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)

  1. 编辑器 设置 flutter, 我使用的ide 是 android studio, 如果你要使用其他ide,可以去flutter中文网看对应的教程。

4.1 确保你有 android studio, 没有的话安装一个,要3.0以上的就ok

4.2 在 file --> setting 找到 flutter 插件 ,安装, 点击重启ide就ok, 如下图
在这里插入图片描述

  1. 环境就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' }

有两个地方要改:

  1. 项目中, 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。

  1. 这时候 我们就可以 连接真机,或者打开虚拟机, 点debug 运行我们的项目, 这个是可以 热重载的, 当我们修改代码, ctrl + s 保存一下,可以看到我们的界面就进行了更新。 如下图
    在这里插入图片描述
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值