搭建flutter环境
安装Git Bash
在指定目录下运行git clone -b beta https://github.com/flutter/flutter.git(clone比较慢)
我放到了这个目录下:
配置环境变量:电脑桌面计算机右键---->属性------>高级系统设置------->环境变量--------->系统变量----------->Path
复制电脑上flutterSDK下的flutter下的bin下的全路径配置在Path里(在变量值里面最后面加上;符号,后面跟上要配置的bin路径)
在cmd运行flutter doctor
由于网络问题一直卡在这里好久。。。最后成功!
启动Android Studio,打开File > Settings > Plugins,搜索Dart和Flutter插件并点击 install安装,然后重启Android Studio
选择 File>New Flutter Project;选择 Flutter application 作为 project 类型:
点next
点finish
长时间停留在这里得话,管理员身份运行cmd,执行以下操作
在创建就成功了(如果创建不成功可以重启以下或者断网一下试试。。。。。。),这是成功之后得样子:
1.Android 文件夹为Android原生交互代码
2.iOS文件夹为iOS原生交互代码
3.lib文件夹为flutter代码,既我们需要编写的dart代码
创建模拟器(参考:https://jingyan.baidu.com/article/4f34706e088aabe387b56d3c.html,这里省略中。。。)
点击下边绿色箭头可以跑当前项目:
如果运行时一直卡在Running ‘gradle assembleDebug
修改项目中`android/build.gradle`文件如下:
...... repositories { //修改的地方 //google() //jcenter() 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' } } ...... repositories { //修改的地方 //google() //jcenter() 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' } }
并修改安装目录中的
flutter SDK
的配置文件, 该文件在flutter SDK安装目录下的/packages/flutter_tools/gradle/flutter.gradle:
...... //修改的地方 //google() //jcenter() 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' } ......
在启动项目时不能关闭模拟器,启动完之后项目就起来了^_^
OK,接下来我们就可以用Dart语言愉快的写项目了。。。。。。
参考: