Flutter开发环境搭建——window

Flutter开发环境搭建——window

初次尝试写flutter demo 的时候 跟着官方文档走搭建环境,觉得简单就没写博客记录,这不,过了一个月,忘光了,忘光了,忘光了…

flutter中文网-搭建Flutter开发环境 先看这篇文档即可

要安装并运行Flutter,您的开发环境必须满足以下最低要求:
操作系统: Windows 7 或更高版本 (64-bit)

磁盘空间: 400 MB (不包括Android Studio的磁盘空间).

工具: Flutter 依赖下面这些命令行工具.

PowerShell 5.0 或更新的版本     /  这个好像系统自带?不用安装

Git for Windows (Git命令行工具);  /  cmd 一下,输入  git --version  命令回车,看本机有没有装git。

如果已安装Git for Windows,请确保可以在命令提示符或PowerShell中运行 git 命令

去Flutter github项目下去下载安装包 https://github.com/flutter/flutter/releases (可能下载的姿势不对,总之我下载解压之后,经过一些操作之后,还是得用git 命令 去 clone 仓库)

将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。

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

双击 flutter_console.bat 然后 执行 flutter doctor 结果报下面截图上的错 ,让我重新去克隆仓库?
git clone -b stable https://github.com/flutter/flutter.git
Flutter开发环境搭建——window_第1张图片
咦。。。。。上面下载的就放弃了呗… 重新找个文件夹cmd 执行 clone 命令
Flutter开发环境搭建——window_第2张图片
这克隆有点慢,可以继续看下一步

Android设置
这个最好去看英文原版的文档,中文文档省略了一些内容
flutter官方文档,设置编辑器

Android安装Flutter和Dart插件
Install the Flutter and Dart plugins ****
To install these:
Start Android Studio.
Open plugin preferences (Preferences > Plugins on macOS, File > Settings > Plugins on Windows >& Linux).
Select Browse repositories, select the Flutter plugin and click Install.
Click Yes when prompted to install the Dart plugin.
Click Restart when prompted.

VSCode 设置 安装Flutter和Dart插件
Install the Flutter and Dart plugins
Start VS Code.
Invoke View > Command Palette….
Type “install”, and select Extensions: Install Extensions.
Type “flutter” in the extensions search field, select Flutter in the list, and click Install. This also installs the required Dart plugin.

克隆好了之后

flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行

flutter doctor
// 安装一些依赖.....

Flutter开发环境搭建——window_第3张图片

创建项目

Android Studio 中,单击File -> New-> New Flutter Project

VScode 中,Ctrl+ P, 输入 Flutter, 单击列表中的 Flutter: New Project 即可

创建项目要等一会,然后调试 看文档
https://flutter.dev/docs/get-started/test-drive?tab=vscode

可能是之前搭建RN开发环境的时候以及把Android Studio 都安装好了,所以显得搭建Flutter 开发环境比较简单。官方文档也确实写得十分地详细,好评。

你可能感兴趣的:(Flutter)