Flutter基础—开发环境与入门
2016-10-21 01:30
351 查看
Flutter开发环境的前提要求如下:
Windows 7以上版本(64位)、Mac或Linux操作系统(64位)
磁盘空间:400 MB(不包括Android Studio的磁盘空间)。
已经安装及配置Git
运行以下命令查看是否有依赖关系需要安装以完成设置,此命令检查环境并向终端窗口显示报告。
首次运行flutter命令时,它会自动下载自己的依赖项并进行编译。
打开或创建
运行
通过检查模拟器的Hardware > Device菜单中的设置,确保模拟器正在使用64位设备(iPhone 5s或更高版本)。
根据开发机器的屏幕尺寸,模拟的高屏幕密度iOS设备可能会溢出屏幕。在模拟器的Window > Scale菜单下设置设备刻度。
首先需要安装homebrew,然后打开终端并运行这些命令来安装用于将Flutter应用程序部署到iOS设备的工具。
如果这些命令失败并出现错误,可以运行
按照Xcode签名流程来设置项目:
通过在Flutter项目目录的终端窗口中运行
在Xcode中,选择左侧导航面板中的
在
要启动第一个iOS开发项目,需要使用Apple ID登录Xcode。第一次使用附加的物理设备进行iOS开发时,需要相任该设备上的Mac和开发证书。首次将iOS设备连接到Mac时,请在对话框提示中选择信任。
然后,转到iOS设备上的设置应用,选择General > Device Management并信任证书。如果Xcode中自动签名失败,请验证项目的General > Identity > Bundle Identifier值是否唯一。
如果成功执行项目,说明我们已经成功在Mac下配置完成。
在控制面板>系统和安全>系统>高级系统设置>环境变量,Path变量中添加Git的路径
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:$PATH
运行以下命令查看是否有依赖关系需要安装以完成设置,此命令检查环境并向终端窗口显示报告。
flutter doctor
首次运行flutter命令时,它会自动下载自己的依赖项并进行编译。
打开或创建
$ HOME / .bash_profile,注意每台计算机上的文件路径和文件名可能不同。然后添加以下行。
export PATH=$HOME/flutter/bin:$PATH
运行
source $HOME/.bash_profile刷新当前窗口,然后运行以下命令验证
flutter/bin目录在PATH中。
echo $PATH
安装Xcode
通过网页下载或Mac App Store安装Xcode 7.2或更新版本,通过运行以下命令行,来配置Xcode命令行工具,以使用新安装的Xcode版本。sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
iOS模拟器
在Mac上设置iOS模拟器,需要通过Spotlight或使用以下命令找到Simulator。open -a Simulator
通过检查模拟器的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 setup
如果这些命令失败并出现错误,可以运行
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 run
如果成功执行项目,说明我们已经成功在Mac下配置完成。
Windows开发环境
Git
百度软件中心下载并安装Git在控制面板>系统和安全>系统>高级系统设置>环境变量,Path变量中添加Git的路径
C:\[你的Git路径]\Git\cmd
Flutter SDK
打开一个新的Cmd或PowerShell窗口,运行以下命令使用Git安装Fluttergit clone https://github.com/flutter/flutter.git[/code]
在控制面板>系统和安全>系统>高级系统设置>环境变量,Path变量中添加Flutter的路径C:\[你的Flutter路径]\flutter\bin
安装完成后,再打开一个新的Cmd或PowerShell窗口,并运行以下命令来查看是否需要安装依赖关系以完成安装flutter doctorAndroid 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 update
输入命令,启用HTTPS传输sudo apt-get install apt-transport-https
输入命令,获取谷歌Linux软件包签名密钥sudo sh -c 'curl https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add -'
输入命令,建立与谷歌服务器的稳定连接sudo sh -c 'curl https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.list > /etc/apt/sources.list.d/dart_stable.list'
输入命令,更新软件源sudo apt-get update
输入命令,安装最新的DartSDKsudo apt-get install dart
输入命令,查看Dart版本dart --versionJava SDK
在Java官网下载JDK的tar.gz文件,在下载目录下打开终端,输入命令,解压文件tar zxvf jdk-8u102-linux-x64.tar.gz
将终端位置移动至/usr/local/lib下,输入命令,移动文件sudo mv /home/hekaiyou/下载/jdk1.8.0_102/ .
将终端位置移动至/usr/local/bin下,输入命令,创建java软链接sudo ln -s /usr/local/lib/jdk1.8.0_102/bin/java java
输入命令,验证java软链接的正确性java -version
输入命令,打开/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:$PATH
输入命令,重新加载/etc/profile文件source /etc/profile
输入命令,验证java环境变量echo $JAVA_HOMEAndroid SDK
在Android官网下载AndroidSDK,下载基本的 Android 命令行工具即可,不需要IDE。下载完成后,在下载目录下打开终端,输入命令,解压文件sudo mv /home/hekaiyou/下载/android-sdk-linux/ .
将SDK文件移动至存放目录,在存放目录下输入命令,打开android工具下载相关内容android-sdk-linux/tools/android
输入命令,打开/etc/profile文件,设置Android环境变量sudo vim /etc/profile export SDK_HOME=/home/hekaiyou/文档/android-sdk-linux/ export PATH=$SDK_HOME/tools:$SDK_HOME/platform-tools:$PATH
输入命令,重新加载/etc/profile文件source /etc/profile
输入命令,查看android帮助android -hGit
打开终端,输入命令,安装Gitsudo apt-get install git
输入命令,配置git用户名和邮箱git config --global user.name "[用户名]" git config --global user.email "邮件地址"Flutter SDK
打开终端,输入命令,从git克隆flutterSDK到终端所在目录git clone https://github.com/flutter/flutter.git[/code]
输入命令,打开/etc/profile文件,设置Flutter环境变量sudo vim /etc/profile export PATH=/home/hekaiyou/flutter/bin:$PATH
输入命令,重新加载/etc/profile文件source /etc/profile
输入命令,查看是否需要安装其他依赖组件flutter doctor
输入命令,查看Flutter配置flutter configFlutter开发入门
连接Android设备
手机开启调试模式,用USB线连接电脑,电脑打开终端,输入命令,验证连接设备flutter devices创建Flutter项目
将终端目录移动至项目文件夹下,输入命令,创建Flutter项目flutter create myapp执行Flutter项目
将终端目录移动至项目根目录下,输入命令,执行Flutter项目flutter run
在连接电脑的Android设备上会运行Flutter项目使用IDEA开发Flutter
启动IDEA-IC后,按下图所示,点击Plugins进入插件管理页面
在插件管理页面,搜索Dart、Flutter两个插件并点击安装
下载插件后,点击创建新项目,先选择Dart,在对应位置填入Dart SDK的path
最后再选择Flutter,在对应位置填入Flutter SDK的path,然后点击创建按钮,就可以创建一个新的Flutter项目了
相关文章推荐
- 嵌入式成长轨迹3 【嵌入式环境及基础】【嵌入式Linux软件开发入门】【VI编辑器的使用】
- python入门基础教程03 Python开发环境基本使用
- 开发环境入门 linux基础 (部分)nginx和nfs
- JAVA零基础入门(1) - Java开发环境配置
- 嵌入式成长轨迹4【嵌入式环境及基础】【嵌入式Linux软件开发入门】【Shell简介】
- React Native基础与入门(一)--搭建开发环境
- 开发环境入门 linux基础 (部分)网络 SSH 更名 DNS解析 元字符
- 开发环境入门 linux基础 (部分) 复制 用户和组操作 权限更改
- 开发环境入门 linux基础 (部分) 归档 压缩 Vi编译器 系统分区
- php windows开发环境搭建和基础入门
- Android 开发实例教程 零基础学习 1小时入门 图解说明教程 化复杂为简单 配置好的android开发环境 带实例
- 开发环境入门 linux基础 (部分)正则表达式 grep sed
- Android基础入门教程——1.2 开发环境搭建
- php开发环境搭建和基础入门
- Java基础入门-Java开发环境的下载与配置环境变量
- 一起学Google Daydream VR开发,快速入门开发基础教程一:Android端开发环境配置一
- 2015年最新Android基础入门教程目录第一章:环境搭建与开发相关(已完结 10/10)
- 开发环境入门 linux基础 (部分)while for 函数 计划任务