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/

posted @ 2023-03-07 10:57  方小川  阅读(56)  评论(0编辑  收藏  举报