Flutter+VSCode+Xcode环境搭建

2019-03-20

字数统计: 666字 | 阅读时长≈ 3分

Update: 2022/08/24

环境搭建

1. 路径配置

(1) 获取 Flutter SDK。解压安装包到你想安装的目录下, 终端获取路径地址 $ pwd

(2) 环境配置指令

// 旧版本
$ vim .bash_profile
$ source ～/.bash_profile

// 注意macOS新系统都转到了 .zshrc
$ vim ~/.zshrc  
$ source ~/.zshrc

(3) 配置参考

# Setting PATH for Flutter (注意 $HOME 大写且没有{}, 路径表示 [用户下当前使用者], 及" ~ ")
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH="$HOME/Library/flutter/bin:$PATH" # flutter sdk目录
export ANDROID_HOME="$HOME/Library/Android/sdk" # android sdk目录
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

(4) 如何验证安装后指令在全局是否失效, 终端执行 $ flutter doctor 成功, 然后完全退出终端, 再次启动终端执行 $ flutter doctor, 如果也执行正常, 则表示配置完成.

(5) 每次执行 $ vim ~/.zshrc修改并保存配置(wq)后, 务必执行 source ~/.zshrc

(6) 执行 $ flutter devices查下当前可用设备, 可以打开模拟器或者连上手机尝试

2. 安装检测

(1) 在Flutter命令行运行如下命令来查看是否还需要安装其它依赖, 检查你的环境.

(2) 查看电脑上是否有可连接设备或者模拟器设备

1 2	$ flutter devices // 查看连接的设备列表 $ flutter emulators // 查看模拟器设备列表

项目创建

(1) 创建项目

1	$ flutter create [projectname]

示例如下:

$ flutter create flutter_01
Creating project flutter_01...
  flutter_01/ios/Runner.xcworkspace/contents.xcworkspacedata (created)
  flutter_01/ios/Runner/Info.plist (created)
	...
  flutter_01/.idea/modules.xml (created)
  flutter_01/.idea/workspace.xml (created)
Running "flutter packages get" in flutter_01...              6.7s
Wrote 64 files.

All done!
[✓] Flutter is fully installed. (Channel stable, v1.0.0, on Mac OS X 10.14.1 18B75, locale
    zh-Hans-CN)
[✗] Android toolchain - develop for Android devices is not installed.
[✓] iOS toolchain - develop for iOS devices is fully installed. (Xcode 10.1)
[!] Android Studio is not available. (not installed)
[✓] VS Code is fully installed. (version 1.30.1)
[✓] Connected device is fully installed. (1 available)

Run "flutter doctor" for information about installing additional components.

In order to run your application, type:

  $ cd flutter_01
  $ flutter run

Your application code is in flutter_01/lib/main.dart.

(2) 运行项目

这里可以有两种方式 (1) 指令执行项目 (2) 借助编译器运行 (Xcode, Android Studio)

1 2	$ cd project $ flutter run

参考

Flutter官网

Dart 官方教程/文章收集整理贴 https://www.dart-china.org/t/topic/541

Flutter中文网 https://book.flutterchina.club

Flutter仿微信项目实战,这才是期待中的跨平台框架 https://github.com/iosyaowei/wechat_clone_flutter

Dart系列教程：Dart Force Framework https://www.bilibili.com/video/av3156676/

本文作者： 醉疏狂
本文链接： https://hubin97.github.io/2019/03/20/flutter环境搭建/
版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！

环境搭建

1. 路径配置

2. 安装检测

项目创建

相关问题

参考