Flutter 安装教程 + 运行教程

1.下载依赖

https://flutter.cn/docs/get-started/install/windows
Flutter 安装教程 + 运行教程_第1张图片
解压完后根据自己的位置放置,如(D:\flutter)
注意
请勿将 Flutter 有特殊字符或空格的路径下。
请勿将 Flutter 安装在需要高权限的文件夹内,例如 C:\Program Files\。

2.配置国内镜像

国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中。

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

Flutter 安装教程 + 运行教程_第2张图片
Flutter 安装教程 + 运行教程_第3张图片
Flutter 安装教程 + 运行教程_第4张图片
Flutter 安装教程 + 运行教程_第5张图片

3.运行flutter命令

在安装目录的文件下找到 flutter_console.bat,双击运行并启动Flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了
Flutter 安装教程 + 运行教程_第6张图片
Flutter 安装教程 + 运行教程_第7张图片

4.更新环境变量

Flutter 安装教程 + 运行教程_第8张图片
环境变量追加 flutter\bin 的全路径,如图。
Flutter 安装教程 + 运行教程_第9张图片
Flutter 安装教程 + 运行教程_第10张图片

5.测试 Flutter

sdk安装成功,环境变量配置成功,使用win+R打开cmd
Flutter 安装教程 + 运行教程_第11张图片
打开命令提示符,输入flutter
Flutter 安装教程 + 运行教程_第12张图片
查看flutter依赖
输入flutter doctor看缺少什么依赖,并已经提供下载地址
Flutter 安装教程 + 运行教程_第13张图片
输入flutter --version查看版本
Flutter 安装教程 + 运行教程_第14张图片

6.vscode制作flutter项目

VSCode 新建并运行
安装插件flutter、Dart
Flutter 安装教程 + 运行教程_第15张图片
Flutter 安装教程 + 运行教程_第16张图片

7.模拟器使用的是夜神

https://www.yeshen.com/
安装然后找到小屏幕
Flutter 安装教程 + 运行教程_第17张图片

8.创建项目

Flutter 安装教程 + 运行教程_第18张图片
Flutter 安装教程 + 运行教程_第19张图片
Flutter 安装教程 + 运行教程_第20张图片
选择一个路径即可
Flutter 安装教程 + 运行教程_第21张图片
运行
新建终端输入flutter run
Flutter 安装教程 + 运行教程_第22张图片
选择模拟器
Flutter 安装教程 + 运行教程_第23张图片

9.flutter文章介绍

https://flutterchina.club/

你可能感兴趣的:(flutter,flutter)