flutter入门学习(一)
首先是安装flutter开发环境
使用镜像
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
获取Flutter SDK
-
去flutter官网下载其最新可用的安装包,点击下载 ;
注意,Flutter的渠道版本会不停变动,请以Flutter官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,读者也可以去Flutter github项目下去下载安装包 。
-
将安装包zip解压到你想安装Flutter SDK的路径(如:
C:\src\flutter
;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\
)。 -
在Flutter安装目录的
flutter
文件下找到flutter_console.bat
,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。 - 如果要升级flutter版本,直接命令行执行flutter upgrade,就可以升级到最新版本
更新环境变量
要在终端运行 flutter
命令, 你需要添加以下环境变量到系统PATH:
- 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
- 在“用户变量”下检查是否有名为“Path”的条目:
- 如果该条目存在, 编辑path,新建
flutter\bin
的全路径,使用;
作为分隔符. - 如果条目不存在, 创建一个新用户变量
Path
,然后将flutter\bin
的全路径作为它的值. -
- 如果该条目存在, 编辑path,新建
- 在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目,如果没有,也添加它们,使用最上面的国内镜像地址。
重启Windows以应用此更改
运行 flutter doctor
打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装:
flutter doctor
不一定要所以都是打沟,当然✔越多越好
开发工具
使用vscode或者Android Studio,由于我之前是web前端,所以更倾向用vscode来开发,但为了安装安卓模拟器,所以我也装了Android Studio,但不作为开发工具。
vscode需要安装两个插件,一个是Flutter,一个是Dart
新建项目
flutter create my_app
运行flutter项目
flutter run
热更新:在项目运行起来后,修改了代码保存,直接在命令行输入r,就能使页面显示最新样式
官方文档地址是:https://doc.flutterchina.club/setup-windows/