Flutter开发环境搭建——Ubuntu

补充:由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

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

一、安装Flutter的SDK及环境配置
1、访问官网,下载SDK;
终端中执行git指令,进行sdk下载

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

《Flutter开发环境搭建——Ubuntu》
2、配置环境变量
在终端执行命令

cd ~
vim .bash_profile

在打开的终端窗口里的最后面添加下面的代码,并保存:

export PATH="$PATH:/home/redkey/Android/flutter/bin"

注意:redkey/Android/flutter/bin 这个要自己的flutter安装目录

执行如下代码,让配置文件生效:(.bash_profile 是一个隐藏文件,主要是用来配置bash shell的。source ~/.bash_profile 表示让家目录中的,这个配置文件在修改后立即生效)

source ~/.bash_profile

执行如下指令,验证上面的步骤有没有成功(看打印内容,是否包含flutter信息)

echo $PATH

二、flutter相关依赖库的安装
第一次运行 flutter 命令 如( flutter doctor ), 会自行开始下载依赖库并编译. 后续的运行就会变的快的多。终端运行:(Downloading Dart SDK,并编译flutter相关工具,这个过程需要的不仅仅是耐心,更重要的是要会科学上网!

flutter

《Flutter开发环境搭建——Ubuntu》
执行成功,结果如下:
《Flutter开发环境搭建——Ubuntu》
执行如下命令,检测Flutter环境还缺少啥(其中过程,也需要科学上网。怪不得有钱的,都出国了,… 人家网络好啊)

flutter doctor

如下图,第一次运行 flutter doctor,真的需要科学上网。
《Flutter开发环境搭建——Ubuntu》
如下图,第二次运行 flutter doctor。网络随意
《Flutter开发环境搭建——Ubuntu》
上图第一“[!]”表示,Android SDK 需要与flutter 建立协议授权,一路 y即可。

flutter doctor --android-licenses

注意:flutter 升级新版本,执行如下命令(科学上网):

flutter upgrade

三、AndroidStudio插件安装
1、Setting – Plugins 搜索flutter,点击Flutter这个插件进行安装,并重启As。(安装时会提示你需要同时安装Dart插件,也就是说你装了Flutter后自带Dart插件,不需要额外安装Dart。)
《Flutter开发环境搭建——Ubuntu》
《Flutter开发环境搭建——Ubuntu》
插件安装成功后,As会多出Flutter project这个选项:
《Flutter开发环境搭建——Ubuntu》
四、创建Flutter项目并部署到设备
1、选择Flutter Application
《Flutter开发环境搭建——Ubuntu》
2、第一次运行时,Flutter的SDK路径可能是空,点击选择Flutter的安装路径。我的是:

/home/redkey/Android/flutter

《Flutter开发环境搭建——Ubuntu》
3、修改项目包名,选择新型编程语言。
《Flutter开发环境搭建——Ubuntu》
4、第一运行项目会比较慢,要科学上网,保证一些依赖库的更新,以后再创建项目就快很多。
《Flutter开发环境搭建——Ubuntu》

补充VsCode插件安装:
若安装有VsCode,并且你也喜欢用这款牛叉编辑器开发。可以安装它对应的Flutter插件。
下图,第一次运行flutter doctor时,检测到未给VsCode安装插件(需要安装的插件有:
1、Dart
2、Dart (Syntax Highlighting Only)
3、Flutter
4、Code Runner
)。
按提示打开插件对应网址:VsCode的Flutter插件
打开VsCode ,按快捷键 Ctrl+P,输入:

ext install Dart-Code.flutter

第二次运行 flutter doctor,可看到插件安装成功。
《Flutter开发环境搭建——Ubuntu》

注意:
1、Win10配置环境时花的时间较久,Ubuntu系统非常好用,一次成功;
2、Ubuntu系统窗口截图快捷键 Alt + Print Screen;
3、最好的教程:https://flutter.io/docs/get-started/install/linux
中文教程:https://flutterchina.club/setup-linux/

    原文作者:RedKeyer
    原文地址: https://blog.csdn.net/RedKeyer/article/details/86583021
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞