Flutter中文网
入门: 在Windows上搭建Flutter开发环境创建新应用
使用镜像
此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
工具: Flutter 依赖下面这些命令行工具.
-
Git for Windows (Git命令行工具)
如果已安装Git for Windows,请确保命令提示符或PowerShell中运行
git
命令,不然在后面运行flutter doctor
时将出现Unable to find git in your PATH
错误, 此时需要手动添加C:\Program Files\Git\bin
至Path
系统环境变量中。
获取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
命令, 你需要添加以下环境变量到系统PATH:
- 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
- 在“用户变量”下检查是否有名为“Path”的条目:
- 如果该条目存在, 追加
flutter\bin
的全路径,使用;
作为分隔符. - 如果条目不存在, 创建一个新用户变量
Path
,然后将flutter\bin
的全路径作为它的值.
- 如果该条目存在, 追加
- 在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目,如果没有,也添加它们。
重启Windows以应用此更改
运行 flutter doctor
项目搭建
-
选择 File>New Flutter Project
- 选择 Flutter application 作为 project 类型, 然后点击 Next
- 输入项目名称 (如
myapp
), 然后点击 Next - 点击 Finish
项目目录结构
Flutter 目录结构介绍、入口、自定义 Widget、MaterialApp 组件、Scaffold 组件
android | Android相关文件 |
ios | iOS相关文件 |
lib | flutter 相关代码,我们主要编写的代码就在这个文件夹 |
test | 测试文件 |
pubspec.lock | 根据当前项目依赖所生成的文件,记录了当前使用的依赖版本 |
pubspec.yaml | 配置文件,一般存放一些第三方库的依赖 |
创建新应用
- 选择 File>New Flutter Project
- 选择 Flutter application 作为 project 类型, 然后点击 Next
- 输入项目名称 (如
myapp
), 然后点击 Next - 点击 Finish