Flutter基础——开发环境的搭建

Flutter开发环境的前提要求如下：

Windows 7以上版本（64位）、Mac或Linux操作系统（64位）

磁盘空间：400 MB（不包括Android Studio的磁盘空间）。

已经安装及配置Git

Mac开发环境

 

Flutter SDK

Dart SDK与Flutter捆绑在一起，没有必要单独安装Dart。在当前终端窗口运行以下命令使用Git安装Flutter，并临时设置PATH变量。

 

git clone -b beta https://github.com/flutter/flutter.git
export PATH=`pwd`/flutter/bin:$PATH12

运行以下命令查看是否有依赖关系需要安装以完成设置，此命令检查环境并向终端窗口显示报告。

flutter doctor1

首次运行flutter命令时，它会自动下载自己的依赖项并进行编译。

打开或创建$ HOME / .bash_profile，注意每台计算机上的文件路径和文件名可能不同。然后添加以下行。

 

export PATH=$HOME/flutter/bin:$PATH1

运行source $HOME/.bash_profile刷新当前窗口，然后运行以下命令验证flutter/bin目录在PATH中。

 

echo $PATH1

 

安装Xcode

通过网页下载或Mac App Store安装Xcode 7.2或更新版本，通过运行以下命令行，来配置Xcode命令行工具，以使用新安装的Xcode版本。

 

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer1

 

iOS模拟器

在Mac上设置iOS模拟器，需要通过Spotlight或使用以下命令找到Simulator。

 

open -a Simulator1

通过检查模拟器的Hardware > Device菜单中的设置，确保模拟器正在使用64位设备（iPhone 5s或更高版本）。

根据开发机器的屏幕尺寸，模拟的高屏幕密度iOS设备可能会溢出屏幕。在模拟器的Window > Scale菜单下设置设备刻度。

 

iOS真机

要将Flutter应用程序部署到物理iOS设备，需要一些其他工具和Apple帐户，还需要在Xcode中设置物理设备部署。

首先需要安装homebrew，然后打开终端并运行这些命令来安装用于将Flutter应用程序部署到iOS设备的工具。

 

brew update
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup1234

如果这些命令失败并出现错误，可以运行brew doctor，并按照说明解决问题。

按照Xcode签名流程来设置项目：

通过在Flutter项目目录的终端窗口中运行open ios/Runner.xcworkspace，打开项目中的默认Xcode工作区。
在Xcode中，选择左侧导航面板中的Runner项目。
在Runner设置页面中，确保General > Signing > Team开发团队被选择。当选择一个团队时，Xcode将创建并下载开发证书，将您的设备注册到您的帐户，并创建下载配置文件。

 

 

要启动第一个iOS开发项目，需要使用Apple ID登录Xcode。第一次使用附加的物理设备进行iOS开发时，需要相任该设备上的Mac和开发证书。首次将iOS设备连接到Mac时，请在对话框提示中选择信任。

 

 

然后，转到iOS设备上的设置应用，选择General > Device Management并信任证书。如果Xcode中自动签名失败，请验证项目的General > Identity > Bundle Identifier值是否唯一。

 

 

执行Flutter

在设置好iOS模拟器或者iOS真机之后，执行以下命令，在项目目录下新建并执行一个Flutter项目。

 

flutter create myapp
cd myapp
flutter run123

如果成功执行项目，说明我们已经成功在Mac下配置完成。

 

Windows开发环境

 

Git

百度软件中心下载并安装Git

在控制面板>系统和安全>系统>高级系统设置>环境变量，Path变量中添加Git的路径

 

C:\[你的Git路径]\Git\cmd1

 

Flutter SDK

打开一个新的Cmd或PowerShell窗口，运行以下命令使用Git安装Flutter

 

git clone https://github.com/flutter/flutter.git1

在控制面板>系统和安全>系统>高级系统设置>环境变量，Path变量中添加Flutter的路径

 

C:\[你的Flutter路径]\flutter\bin1

安装完成后，再打开一个新的Cmd或PowerShell窗口，并运行以下命令来查看是否需要安装依赖关系以完成安装

 

flutter doctor1

 

Android SDK

到Android官网下载Android  SDK安装包并安装

安装完成后，Flutter需要最新的Android SDK和Android SDK Platform-Tools软件包，使用SDK Manager下载。

 

IntelliJ IDE

到IntelliJ官网下载IntelliJ IDE安装包并安装

IntelliJ IDE开发Flutter项目需要Flutter和Dart插件，搜索并下载Flutter和Dart插件 
IntelliJ IDE>Plugins 
（如果搜索不到Flutter插件，可以离线下载安装） 
 

 

创建项目

安装Flutter和Dart插件后，重启IntelliJ IDE，选择创建项目，配置Flutter和Dart路径 
 

完成上一步操作后按下一步创建项目

 

项目创建后，如上图，main.dart是默认生成的代码文件，绿色倒三角表示手机已经连接，点击即可调试项目。

 

Linux开发环境

 

Dart SDK

打开终端，输入命令，更新软件源

 

sudo apt-get update1

输入命令，启用HTTPS传输

 

sudo apt-get install apt-transport-https1

输入命令，获取谷歌Linux软件包签名密钥

 

sudo sh -c 'curl https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add -'1

输入命令，建立与谷歌服务器的稳定连接

 

sudo sh -c 'curl https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.list > /etc/apt/sources.list.d/dart_stable.list'1

输入命令，更新软件源

 

sudo apt-get update1

输入命令，安装最新的DartSDK

 

sudo apt-get install dart1

输入命令，查看Dart版本

 

dart --version1

 

Java SDK

在Java官网下载JDK的tar.gz文件，在下载目录下打开终端，输入命令，解压文件

 

tar zxvf jdk-8u102-linux-x64.tar.gz1

将终端位置移动至/usr/local/lib下，输入命令，移动文件

 

sudo mv /home/hekaiyou/下载/jdk1.8.0_102/ .1

将终端位置移动至/usr/local/bin下，输入命令，创建java软链接

 

sudo ln -s /usr/local/lib/jdk1.8.0_102/bin/java java1

输入命令，验证java软链接的正确性

 

java -version1

输入命令，打开/etc/profile文件，设置Java环境变量

 

sudo vim /etc/profile

export JAVA_HOME=/usr/local/lib/jdk1.8.0_102
export JRE_HOME=${JAVA_HOME}/jre
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib
export PATH=$JAVA_HOME/bin:$PATH123456

输入命令，重新加载/etc/profile文件

 

source /etc/profile1

输入命令，验证java环境变量

 

echo $JAVA_HOME1

 

Android SDK

在Android官网下载AndroidSDK，下载基本的 Android 命令行工具即可，不需要IDE。下载完成后，在下载目录下打开终端，输入命令，解压文件

 

sudo mv /home/hekaiyou/下载/android-sdk-linux/ .1

将SDK文件移动至存放目录，在存放目录下输入命令，打开android工具下载相关内容

 

android-sdk-linux/tools/android1

输入命令，打开/etc/profile文件，设置Android环境变量

 

sudo vim /etc/profile

export SDK_HOME=/home/hekaiyou/文档/android-sdk-linux/
export PATH=$SDK_HOME/tools:$SDK_HOME/platform-tools:$PATH1234

输入命令，重新加载/etc/profile文件

 

source  /etc/profile1

输入命令，查看android帮助

 

android -h1

 

Git

打开终端，输入命令，安装Git

 

sudo apt-get install git1

输入命令，配置git用户名和邮箱

 

git config --global user.name "[用户名]"
git config --global user.email "邮件地址"12

 

Flutter SDK

打开终端，输入命令，从git克隆flutterSDK到终端所在目录

 

git clone https://github.com/flutter/flutter.git1

输入命令，打开/etc/profile文件，设置Flutter环境变量

 

sudo vim /etc/profile

export PATH=/home/hekaiyou/flutter/bin:$PATH123

输入命令，重新加载/etc/profile文件

 

source  /etc/profile1

输入命令，查看是否需要安装其他依赖组件

 

flutter doctor1

输入命令，查看Flutter配置

 

flutter config1

 

Flutter开发入门

 

连接Android设备

手机开启调试模式，用USB线连接电脑，电脑打开终端，输入命令，验证连接设备

 

flutter devices1

 

 

创建Flutter项目

将终端目录移动至项目文件夹下，输入命令，创建Flutter项目

 

flutter create myapp1

 

 

执行Flutter项目

将终端目录移动至项目根目录下，输入命令，执行Flutter项目

 

flutter run1

在连接电脑的Android设备上会运行Flutter项目

 

使用IDEA开发Flutter

启动IDEA-IC后，按下图所示，点击Plugins进入插件管理页面
在插件管理页面，搜索Dart、Flutter两个插件并点击安装
下载插件后，点击创建新项目，先选择Dart，在对应位置填入Dart SDK的path
最后再选择Flutter，在对应位置填入Flutter SDK的path，然后点击创建按钮，就可以创建一个新的Flutter项目了
--------------------- 
作者：何小有 
来源：优快云 
原文：https://blog.youkuaiyun.com/hekaiyou/article/details/52874796 
版权声明：本文为博主原创文章，转载请附上博文链接！