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

1. 去flutter官网下载其最新可用的安装包，点击下载 ；

   注意，Flutter的渠道版本会不停变动，请以Flutter官网为准。另外，在中国大陆地区，要想正常获取安装包列表或下载安装包，读者也可以去Flutter github项目下去下载安装包 。

2. 将安装包zip解压到你想安装Flutter SDK的路径（如：C:\src\flutter；注意，不要将flutter安装到需要一些高权限的路径如C:\Program Files\）。

3. 在Flutter安装目录的flutter文件下找到flutter_console.bat，双击运行并启动flutter命令行，接下来，你就可以在Flutter命令行运行flutter命令了。

4. 如果要升级flutter版本，直接命令行执行flutter upgrade，就可以升级到最新版本

更新环境变量

要在终端运行 flutter 命令， 你需要添加以下环境变量到系统PATH：

• 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
• 在“用户变量”下检查是否有名为“Path”的条目:
  • 如果该条目存在, 编辑path，新建 flutter\bin的全路径，使用 ; 作为分隔符.
  • 如果条目不存在, 创建一个新用户变量 Path ，然后将 flutter\bin的全路径作为它的值.
  • 

     

     

• 在“用户变量”下检查是否有名为”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/