pdl 的个人博客

记录精彩的程序人生

Open Source, Open Mind,
Open Sight, Open Future!
  menu
121 文章
4453 浏览
0 当前访客
ღゝ◡╹)ノ❤️

flutter在windows上搭建环境并启动

中文官网

Flutter入门必知小技巧


搭建环境

  1. 去flutter官网下载其最新可用的安装包,点击下载
  2. 将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)
  3. 环境变量 -> 用户变量 -> Path 里添加flutter\bin路径, 如: E:\flutter\bin
    使用镜像:
  4. 添加变量名: PUB_HOSTED_URL, 变量值: https://pub.flutter-io.cn
  5. 添加变量名: FLUTTER_STORAGE_BASE_URL, 变量值: https://storage.flutter-io.cn
  6. 打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装: flutter doctor

编辑器设置(VSCode)

  1. 安装Flutter插件, 插件里搜索 flutter, 安装, 重启编辑器
  2. 通过Flutter Doctor验证您的设置
  3. 创建新应用
  4. F1 打开输入框, 输入 flutter, 然后选择 Flutter: New Project 点击
  5. 输入 Project 名称 (如myapp), 然后按回车键
  6. 指定放置项目的位置,然后按蓝色的确定按钮
  7. 等待项目创建继续,并显示main.dart文件
  8. 运行应用
  9. 查看 VS Code 右下角是否显示 手机设备
  10. 真机数据线连接: 打开安卓手机的usb调试
  11. 模拟器: 命令: 如夜神模拟器 adb connect 127.0.0.1:62001
  12. 真机WIFI连接:
    前提条件:电脑和手机在同一局域网下
  13. Android:
    1. 使用数据线连接手机和电脑,在ide端能显示移动设备名称
    2. 输入命令行adb tcpip 5555
    3. 输入命令行adb connect 你的手机ip地址(例: adb connect 192.168.1.76:5555)
    4. 拔掉线,ide端若还能显示设备名称,即OK
  14. iOS
    1. 在XCode项目打开菜单 Window > Devices and Simulators, 然后在打开的菜单中选择 Devices选项.
    2. 使用数据线连接手机和电脑
    3. 在左侧选择连接的设备,然后在右侧勾选[Select Connect via network]复选框.
    4. 当左侧设备出现网状球图标,即可拔掉数据线调试了
  15. 选择 debugger 为当前项目, 如没有配置, 请添加新配置, 按 F5 启动

标题:flutter在windows上搭建环境并启动
作者:pengdongliang
地址:https://www.p0d0.com/articles/2019/07/09/1573740582302.html