Flutter环境安装并且完成Helloworld

1.首先进入Flutter中文网

起步:安装Flutter - Flutter中文网 (flutterchina.club)

2.下载安装包

有两种方式,一种是在官网下载,但是国外官网国内下载网速慢,推荐第二种,从github上获取。

Flutter环境安装并且完成Helloworld_第1张图片

3.选择空闲文件夹,选择gitbash here,开始克隆

Flutter环境安装并且完成Helloworld_第2张图片

4.打开文件夹中的此文件,运行命令行,输入flutter doctor

Flutter环境安装并且完成Helloworld_第3张图片

Flutter环境安装并且完成Helloworld_第4张图片 

 

这里我遇到一个bug:解决方案为:(我是按照这个步骤来的,但是直接删除bin目录下的cache或许也可以!)

Flutter环境安装并且完成Helloworld_第5张图片

 

使用文本编辑器打开/bin/internal/update_dart_sdk.sh文件, 可以看到1是Dart Sdk的下载路径, 2是下载的Sdk存放的路径

Flutter环境安装并且完成Helloworld_第6张图片

 

其中ENGINE_VERSION是存在于/bin/internal/engine.version文件里面, DART_ZIP_NAME根据自己的系统选择, 我这里是dart-sdk-windows-x64.zip

Flutter环境安装并且完成Helloworld_第7张图片Flutter环境安装并且完成Helloworld_第8张图片 

环境变量FLUTTER_STORAGE_BASE_URL使用的是清华大学的镜像.

Flutter环境安装并且完成Helloworld_第9张图片 

根据路径下载dart-sdk-windows-x64.zip, 将压缩包解压到/bin/cache/面, 再次运行flutter doctor, 

Flutter环境安装并且完成Helloworld_第10张图片

 

然后卡在这一步:

Flutter环境安装并且完成Helloworld_第11张图片

 

系统环境变量新加一个:PUB_HOSTED_URL Dart packages

然后删除chache文件夹,重新输入命令,即可成功运行:检查到三个对号,说明sdk按装成功!

Flutter环境安装并且完成Helloworld_第12张图片

 

5.在用户环境变量中添加如下两个变量(所以第4步可能加错了)

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

 

Flutter环境安装并且完成Helloworld_第13张图片

6.打开Android Studio,找到settings,安装flutter-plugs,会自动把需要的Dart语言一并安装。

Flutter环境安装并且完成Helloworld_第14张图片

 

7.然后就可以开开心心地new一个flutter项目啦:

Flutter环境安装并且完成Helloworld_第15张图片

 

Dart语言命名的时候有一些规范!

可以参考这篇blog:Flutter 命名规范 - 简书 (jianshu.com)

注意:如果下图这里卡住,就启用代理服务器。

Flutter环境安装并且完成Helloworld_第16张图片

 

可以按下图,当然我猜测也可以用ssh映射到老师给的git端口上用proxy

Flutter环境安装并且完成Helloworld_第17张图片

 

最终成功用USB真机测试,完成flutter的demo!官方demo竟然不是helloworld,而是计数器!

Flutter环境安装并且完成Helloworld_第18张图片

 

你可能感兴趣的:(移动开发android,flutter,android,android,studio)