72

Flutter开发环境搭建

 4 years ago
source link: https://www.tuicool.com/articles/nu6juia
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

安装Dart

brew tap dart-lang/dart
brew install dart
# ~/.zshrc 或 ~/.bashrc 新增1行:
export PATH="$HOME/.pub-cache/bin:$PATH" # pub

安装fvm (同时安装多个flutter版本)

pub global activate fvm
fvm install stable # 或指定比如: 1.10.7, [Versions](http://url.cn/52OcNkr)
# ~/.zshrc 或 ~/.bashrc 新增1行:
export PATH="$HOME/fvm/versions/stable/bin:$PATH" # fullter
# fvm list # 已安装的版本号

flutter version manager

fvm 或者 flutter channel 切换版本都不太好用(一个是需要以fvm开始命令, 一个是不能按项目切换版本),

推荐使用 direnv 设定: 

brew install direnv
# 项目目录内执行 (指定了version为stable):
direnv allow;
echo 'VERSION="stable"; export PATH="$HOME/fvm/versions/$VERSION/bin:$PATH"' > .envrc;

信息打印

flutter --version
flutter doctor -v # 检查环境配置
# 安装依赖, 比如 XCode, Android Studio
brew install cocoapods

编辑器设定:

  • VSCode

    • Extensions安装: Flutter, Dart
    • 如果 VSCode 提示: Could not find a flutter SDK: 重启下VSCode

  • Android Studio

    • Android Studio(启动并完成设置向导, Configure/Plugins安装: Flutter, Dart)
    • shell执行: flutter doctor --android-licenses

    • Perferences:

      <user>/fvm/versions/stable
<user>/fvm/versions/stable/bin/cache/dart-sdk

模拟器

  • Android模拟器 , Android Studio配置:

    • Configure/Tools - AVD Manager, Create Virtual Device, 选择一个设备, Next.
    • 其他版本Android: Preferences - Appearance & Behavior - System Settings - Android SDK, 勾选版本(比如: Android 8.0)安装.

  • IOS模拟器, Xcode配置:

    • Open Developer Tool - Simulator, Hardware - Device, 选择iOS和iPhone型号.
    • 其他版本iOS: Perferences - Components, Simulator 选择一个iOS版本下载.
flutter emulators # 列出模拟器
# flutter emulators --launch apple_ios_simulator # 启动模拟器

环境搭建完毕, 推荐用VSCore开发.


report

Recommend

  • 36
    • zhuanlan.zhihu.com 6 years ago
    • Cache

    Flutter环境搭建

  • 52
    • sunjinshuai.github.io 6 years ago
    • Cache

    flutter 环境搭建

    一、获取Flutter SDK 要获得 Flutter ，请先使用 git 克隆 Flutter ，然后将该 flutter 工具添加到您的用户路径。运行 flutter doctor 显示...

  • 43
    • blog.csdn.net 5 years ago
    • Cache

    Flutter开发环境配置-Windows

    下载Flutter Sdk 系统要求： 安装运行Flutter，开发环境必须满足以下要求： 操作系统：Windows 7 或者以上版本，64位机器 硬盘空间：不包括IDE和工具在内，至少需要400M 软件工具：...

  • 36
    • www.tuicool.com 5 years ago
    • Cache

    Flutter环境搭建以及创建项目在vscode里开发并启动以及热加载

    一直都想学一下flutter的，今天正式开始 安装 到官网上下载对应平台的sdk，然后安装好配置好环境变量 链接： https://flutter.dev/docs/get-started/install

  • 11
    • www.daqianduan.com 3 years ago
    • Cache

    Mac最新Flutter环境搭建运行和对比理解声明式UI

    前言 这段时间一直都在学习和写关于SwiftUI的东西，前面也总结了四篇文章来大体上说了下Demo中功能实现的一些细节，后面准备开始了解学习一下Flutter，争取在年前能再用Flutter写一份项目Demo 出来，这个事在进行中，有需要的小...

  • 5
    • zhuanlan.zhihu.com 3 years ago
    • Cache

    记录 flutter 开发环境配置

    记录 flutter 开发环境配置伊撒尔✅趴在床上娇喘，❎隔着网线叫唤最近有一个很赞...

  • 8
    • quangelab.com 1 year ago
    • Cache

    Flutter教程01-搭建环境

    Flutter教程01-搭建环境 从0开始学习跨平台开发APP赚钱。 MacBook Pro (13-inch, M1, 2020)

  • 4
    • easeapi.com 1 year ago
    • Cache

    iOS Flutter 开发环境部署

    iOS Flutter 开发环境部署 原创 2023-02-07 按计划应该是继续SwiftUI相关的，临时需求用到了Flutter，接下来的几篇可能都是和Flutter相关（只是可能）。本文记录iOS Flutter 开发环境部署步骤。 macOS Flutter 开...

  • 3
    • ost.51cto.com 11 months ago
    • Cache

    Ubuntu22搭建支持OpenHarmony的Flutter应用开发环境详细教程-开源基础软件社区-51CTO....

    Ubuntu22搭建支持OpenHarmony的Flutter应用开发环境详细教程 原创 精华 实践过程中的部分视频演示 由于支持OpenHarmony的Flutt...

  • 6
    • www.51cto.com 11 months ago
    • Cache

    Ubuntu22搭建支持OpenHarmony的Flutter应用开发环境详细教程

    Ubuntu22搭建支持OpenHarmony的Flutter应用开发环境详细教程 作者：westinyang 2023-10-17 13:43:45 文中涉及到的一些源码存放目录和环境变量配置，请根据你实际存放的位置进行相应的调整。文章附件提供Flutter打...

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK