【Flutter】配置环境

2018-10-26  本文已影响54人  忠橙_g

1.安装Flutter

‎⁨Macintosh HD⁩ ▸ ⁨用户⁩ ▸ ⁨(用户名) ▸ ⁨.bash_profile文件中添加如下代码(如果看不到隐藏文件,使用command+shift+.快捷键显示,如果没有该文件请手动创建):

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

ps 终端如果已经翻墙则不需要上面的文件,翻墙方法:
~/.bash_profile文件后面加上下面的代码(port是翻墙软件(如小火箭等)的代理端口号):

export http_proxy="http://localhost:port"
export https_proxy="http://localhost:port"

保存后到终端顺序执行如下代码:

git clone -b master https://github.com/flutter/flutter.git

./flutter/bin/flutter --version

安装成功后的界面:

安装成功后添加如下代码到.bash_profile文件中(注意替换成正确的路径):

export PATH=/Users/(用户名)/flutter/bin:$PATH

刷新终端:

source /Users/(用户名)/.bash_profile

2.升级Flutter

在终端中输入如下代码:

flutter upgrade

如果步骤1成功了 那么就会开始自动更新了

3.检查依赖

终端中输入:

flutter doctor

会输出对应的依赖的安装情况,例如:

按照提示安装x号对应的依赖项即可。
安装libimobiledevice碰到问题可以看这里
需要注意的是Android Studio需要3.0以上版本,可以直接到Android Studio中文社区下载,安装完成后打开Android Studio(弹窗点取消,然后根据提示下载SDK)。
安装完成后需要配置一下Android 的SDK:
Mac下Android SDK配置环境变量的配置

4.安装Flutter插件

1.启动Android Studio.
2.打开插件首选项 (Preferences>Plugins).
3.选择 Browse repositories…, 搜索 Flutter 插件并点击 install.
4.重启Android Studio后插件生效.

5.创建新应用

1.选择 File>New Flutter Project
2.选择 Flutter application 作为 project 类型, 然后点击 Next
3.输入项目名称 (如 myapp), 然后点击 Next
4.点击 Finish
5.等待Android Studio安装SDK并创建项目.

6.运行

创建一个Android模拟器然后运行刚才创建的项目。

参考资料

Flutter中文网 文档

上一篇下一篇

猜你喜欢

热点阅读