Flutter环境搭建（hello，world)

Posted 2022-01-04 HackShendi

Hello，I’m Shendi
最近要做跨平台的 APP，于是选择了Flutter
这里总结并记录笔记

官方文档

中文文档：https://flutter.cn/docs/get-started/install

下载 Flutter SDK

根据上方文档，选择与自己对应的操作系统的 SDK

window_2.5.3-stable.zip

下载完成后解压即可，确保解压的目录当前用户应有足够的权限

设置环境变量

为了能在任意目录执行 flutter 命令，建议配置环境变量

Windows：

右键此电脑 -> 高级系统设置 -> 环境变量 -> 系统变量 -> Path -> 新增一个条目为flutter文件夹下的bin目录

如果是win7，则直接在PATH前缀或后缀追加flutter的bin目录全路径(请勿删改原有Path内容)，且在尾缀加上英文分号，例如我电脑的Path，最后面是配置的Flutter

%SystemRoot%\\system32;%SystemRoot%;%SystemRoot%\\System32\\Wbem;%SYSTEMROOT%\\System32\\WindowsPowerShell\\v1.0\\;%SYSTEMROOT%\\System32\\OpenSSH\\;D:\\mysql-8.0.12-winx64\\bin;%JAVA_HOME%\\bin;C:\\Program Files\\dotnet\\;C:\\Program Files\\Microsoft SQL Server\\130\\Tools\\Binn\\;D:\\Git\\cmd;D:\\flutter\\bin;

配置 flutter

打开终端（cmd），输入 flutter doctor命令

如果提示 flutter 不是内部或外部命令，也不是可运行的程序
或批处理文件。
请检查环境变量是否配置正确或将终端的目录切换到flutter/bin下在次执行命令

如果是首次安装 Flutter，则会出现几个红叉（一般都是未知android SDK目录，协议未接受等）

解决办法可以直接复制内容进行百度。

当全部绿勾代表配置完成

配置Android Studio

这里我使用到的是Android Studio，如果用别的IDE，请参考官方文档

File -> Settings -> Plugins

点击右方的 Marketplace，搜索 flutter，进行安装

期间会提示是否安装Dart，一并安装即可，安装完成后会提示重新启动IDE

hello world

当 Android Studio 安装完 Flutter 插件后

在 File -> New 中，多出了一项 New Fultter Project… 点击

选择Flutter，然后右边 Flutter SDK Path 选择 flutter sdk的安装目录即可，Next，然后按照自己需求更改名称以及设置不同平台的编程语言即可，最后Finish

项目新建成功，默认打开了lib目录下的main.dart文件

将内容改为

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget 
  @override
  Widget build(BuildContext context) 
    return new MaterialApp(
      title: 'Welcome to Flutter',
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text('Welcome to Flutter'),
        ),
        body: new Center(
          child: new Text("hello, world"),
        ),
      ),
    );
  

运行，即可在模拟器看到 hello，world

且默认开启热更，当运行且未关闭，修改代码中的任何内容，并保存，模拟器中的内容也会跟着更新