Ubuntu 18.04.2系统 --- 搭建Flutter开发环境

说明：本文章为转载，作者写的非常全面。提示一点，科学上网很重要，其次，在初次接触flutter的时候，不建议直接看flutter中文网（细节性内容会被忽略，对小白不足够友好）。可能是系统的原因，自己在配置环境和运行hello flutter过程未出现其它报错的情况。以下是原文。

补充：由于在国内访问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

 
 
   
   
   
   

 
 
   
   
   
   

2、配置环境变量
在终端执行命令(并不一定要配置在.bash_profile中)

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环境还缺少啥（其中过程，也需要科学上网。怪不得有钱的，都出国了，… 人家网络好啊）

flutter doctor

 
 
   
   
   
   

 
 
   
   
   
   

如下图，第一次运行 flutter doctor，真的需要科学上网。

如下图，第二次运行 flutter doctor。网络随意

上图第一“[！]”表示，Android SDK 需要与flutter 建立协议授权，一路 y即可。

flutter doctor --android-licenses

 
 
   
   
   
   

 
 
   
   
   
   

注意：flutter 升级新版本，执行如下命令（科学上网）：

flutter upgrade

 
 
   
   
   
   

 
 
   
   
   
   

三、AndroidStudio插件安装
1、Setting – Plugins 搜索flutter，点击Flutter这个插件进行安装，并重启As。（安装时会提示你需要同时安装Dart插件，也就是说你装了Flutter后自带Dart插件，不需要额外安装Dart。）


插件安装成功后，As会多出Flutter project这个选项：

四、创建Flutter项目并部署到设备
1、选择Flutter Application

2、第一次运行时，Flutter的SDK路径可能是空，点击选择Flutter的安装路径。我的是：

/home/redkey/Android/flutter

 
 
   
   
   
   

 
 
   
   
   
   

3、修改项目包名，选择新型编程语言。

4、第一运行项目会比较慢，要科学上网，保证一些依赖库的更新，以后再创建项目就快很多。

补充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，可看到插件安装成功。

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