flutter环境配置详解及开发第一个项目

flutter环境配置的具体步骤如下：

1). 下载flutter

2).下载后的文件解压，放在你想指定的目录下（我以放在桌面为例）

3).配置环境变量

vim ~/.bash_profile

输入后，出现上图界面，则表明已经存在，我们直接点击大写字母Q退出就OK！

4).export PATH=路径/bin:$PATH

export PATH=/Users/zj/Desktop/flutter/bin:$PATH //以我的桌面路径为例

5).运行命令

source ~/.bash_profile

6).运行flutter命令

flutter -h

上述步骤结束，环境配置就完成了，下面就是检查环境是否有问题！

flutter doctor

输入完成后，看到如下图界面：

有上述问题：需要安装Android Studio 和IOS需要安装的一些依赖，根据官网完成两个平台设置步骤中的至少一个，就能够构建并运行您的第一个Flutter应用程序，作为IOS开发，只要安装IOS上的依赖

brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy

根据上述提示需要安装：

pip install six或sudo easy_install six

再次运行doctor

flutter doctor

现在IOS上的依赖都完成了，我们就开始创建一个Flutter项目。

1).进入你想存放项目的目录,以桌面上的文件夹为例

flutter create testapp

testapp是定义的项目名称，不能用大写。

2).按照上图提：

cd testapp
flutter run

如果用模拟器或真机打开过，则会显示如上图所示机型，这个时候再执行命令行flutter run -d 手机id 等待一段时间后便会在你模拟器上运行项目

flutter run -d 7FA62016-8ADE-4BFA-A4EF-D1D4789B8A6D

在满怀期待中，竟然报错了如下错误：

这是因为每次跟新xcode后，对应的插件却没有跟新，找到 Xcode 插件所在的目录
回到Mac桌面，快捷键 cmd + shift + g 将下面的粘贴进去，跳到插件目录

~/Library/Application Support/Developer/Shared/Xcode/Plug-ins

选择插件RTImageAssets.xcplugin，显示包内容，打开info.plist，在plist文件中找到DVTPlugInCompatibilityUUIDs, 点击加号, 添加上图所示的D7881182-AD00-4C36-A94D-F45FC9B0CF85，保存，重新启动xcode。

我们有三种方式打开项目：

1).

flutter run -d 7FA62016-8ADE-4BFA-A4EF-D1D4789B8A6D

2).找到项目，打开Run.xcworkspace

正常打开项目一样，用真机或者模拟器！

最后的打开界面为：

注：如果用模拟器报如下图所示错误：

这是因为xcode10，解决方案为：

Xcode菜单栏选择File-- Workspace Setting，把new build system(Defalt)切换到 Legacy Build System 在模拟器上运行就OK！

flutter环境配置详解及开发第一个项目相关推荐

java JDK安装与环境配置详解（超超超级详细）
点击以下链接获取详细图文教程! java JDK安装与环境配置详解 https://v.xiumi.us/board/v5/3QTAV/112689421
Kinect开发笔记之三Kinect开发环境配置详解
0.前言: 首先说一下我的开发环境,Visual Studio是2013的,系统是win8的64位版本,SDK是Kinect for windows SDK 1.8版本. ...
Java零基础必看学习教程，Java开发环境配置详解
很多Java新手小白在学习Java编程的时候,碰到的第一难题就是不知道如何安装和配置java开发环境. 今天整理了史上最详细的安装及Java开发环境配置教程,通过图文并茂的方式详细讲解每一步骤,手把手 ...
spring.profiles.active 多种开发环境配置详解
在项目开发中,会有这样的需求,存在多种开发环境的配置,例如开发环境,预发环境,线上环境. 我们可以使用Spring的profiles机制来解决这种问题. Spring的profiles有两个变量我们可 ...
直播平台开发经验分享——直播平台搭建环境配置详解及分析...
直播平台开发完成后,接下来就会面临着直播平台搭建的问题.那么直播平台搭建的具体流程是怎样的呢?通常需要遵循以下几个环节:搭建环境配置(LNMP).Redis配置.创建数据库.web站点搭建.node. ...
直播平台php搭建框架,直播平台开发经验分享——直播平台搭建环境配置详解及分析...
直播平台开发完成后,接下来就会面临着直播平台搭建的问题.那么直播平台搭建的具体流程是怎样的呢?通常需要遵循以下几个环节:搭建环境配置(LNMP).Redis配置.创建数据库.web站点搭建.node. ...
Windows内核开发调试环境配置详解
1. 下载和使用WDK 应用程序使用开发包SDK,类似的,内核编程使用"Windows Driver Kit",简称WDK.WDK已经自带所有需要的头文件.库.C/C++语言及汇编 ...
Android 13 Camera ITS 环境搭建（从Python安装到环境配置详解）
Python 版本根据CameraITS.pdf 以及报错信息提示需要python版本在3.7.9及以上,本次使用的是3.8.10. Python 安装 1.官方网站下载Python源码 wget ...
jdk11下载、安装及环境配置详解（win10环境）
目录一.jdk11下载 1.1.官网下载网址 1.2.官网下载步骤二.jdk11安装(win10环境) 三.jdk11环境变量配置(win10环境) 3.1.jdk11环境变量配置步骤 3.2.j ...
Burp Suite安装配置详解（附Java 环境安装）
Burp Suite安装配置详解 1.Java 安装与环境配置详解 1.0 下载Java SDK 1.8 最新版 2.0 配置Java 环境变量 2.Burp Suite 安装详解 2.0 下载Bur ...

flutter环境配置详解及开发第一个项目

flutter环境配置详解及开发第一个项目相关推荐

最新文章

热门文章