Flutter入门(1)—环境配置

环境配置

一、获取Flutter SDK

1、去flutter官网下载其最新可用的安装包，转到下载页

2、将flutterSDK进行解压【最好放到一个指定的目录下，后面设置path路径还需要用】

3、添加环境变量

❯ cd ~
❯ vim .zshrc# 将下面的path拷贝到文件最后， esc => :wq! 保存即可
# Flutter Path
export PATH="$PATH:[pwd]/flutter/bin"
# eg: export PATH="$PATH:/Users/xxx/flutter/sdk/flutter/bin"❯ source .zshrc

4、可以通过命令来看一下是否配置成功

❯ flutter
# 或者
❯ flutter -h

二、检查是否依赖完成

运行以下命令查看是否需要安装其它依赖项来完成安装，根据错误信息进行操作就可以

❯ flutter doctor

输出

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 1.22.4, on Mac OS X 10.15.6 19G73 darwin-x64, locale zh-Hans-CN)
[✗] Android toolchain - develop for Android devices✗ Unable to locate Android SDK.Install Android Studio from: https://developer.android.com/studio/index.htmlOn first launch it will assist you in installing the Android SDK components.(or visit https://flutter.dev/docs/get-started/install/macos#android-setup for detailed instructions).If the Android SDK has been installed to a custom location, set ANDROID_SDK_ROOT to that location.You may also want to add it to your PATH environment variable.[!] Xcode - develop for iOS and macOS (Xcode 12.2)✗ CocoaPods not installed.CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to yourplugin usage on the Dart side.Without CocoaPods, plugins will not work on iOS or macOS.For more info, see https://flutter.dev/platform-pluginsTo install:sudo gem install cocoapods
[!] Android Studio (not installed)
[✓] VS Code (version 1.51.1)[✓] Connected device (1 available)! Doctor found issues in 3 categories.

因为咱们现在都是mac，模拟器我们用xcode就可以了

（一）、安装xcode

1、这个去app store就可以去下载，最好在家下载，或者网络好的地方下载，我在公司下载了用了8个小时左右

2、配置Xcode命令行工具以使用新安装的Xcode版本

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

3、确保Xcode许可协议是通过打开一次Xcode或通过命令，如果有[Y/N]的话，一路Y就可以了，N的话会有问题

sudo xcodebuild -license

4、安装包管理工具

# 通过brew安装(推荐)
brew install cocoapods
brew link --overwrite cocoapods# 或者通过gem安装
sudo gem install cocoapods# https://github.com/orta/cocoapods-keys/issues/198#issuecomment-510909030
# https://github.com/CocoaPods/CocoaPods/issues/9602

（二）、配置vsCode

在扩展中安装Flutter插件，并重新启动加载插件

（三）设置ios模拟器

# 打开一个模拟器，确保您的模拟器正在使用64位设备（iPhone 5s或更高版本）
open -a Simulator

三、android studio

1、官网下载IDE

2、打开IDE，安装flutter插件和dart插件

Android Studio -> preperences -> plugins (右侧) markplace 搜索flutter安装即可，会自动提示安装Dart

3、但是运行flutter doctor 会一直显示plugins没有安装上

1、https://github.com/flutter/flutter-intellij/issues/4523
2、https://stackoverflow.com/questions/64395106/update-to-android-studio-4-1-flutter-plugin-and-dart-plugin-not-installed/64417280#64417280reason：对于android studio文件的路径变了，目前flutter sdk的beta版已修复
answer：1）软链 2）切换flutter sdk为beta版flutter channel devflutter upgrade

4、打开Android Studio，新建虚拟机，第一次会去谷歌下载gradle，这个东西很容下载失败，如果失败，可以多反复试几次

5、下面就和mac的使用方式一样了…

原创不易，自由转载，保留出处！！！

Flutter入门(1)—环境配置相关推荐

WinPcap网络编程入门——0. 环境配置及系列介绍
WinPcap网络编程入门--0. 环境配置及系列介绍系列教程章节直达: Winpcap网络编程入门--1. 获取设备列表: 说明:本教程适用于网络编程开发人员入门,将从底层分析 WinPcap 的 ...
macOS系统上flutter安装与环境配置
flutter安装与环境配置 macOS系统上flutter安装与环境配置添加国内镜像获取flutter SDK 获取Android SDK 安装xcode flutter安装和配置过程中的一些错 ...
【Jetson Nano 入门】环境配置汇总
文章目录前言一.镜像烧写二.PWM风扇自动调速三.使用MicroUSB在电脑打开终端四.VNC实现局域网及网线直连通信五.SSH文件传输六.状态监控软件Jtop 七.检查CUDA.Ope ...
云计算入门教程环境配置
###########严重声明################# 本人支持一切正规软件开发行为,接受知识付费理念. 并坚决抵制盗版行为,用于学习交流的非盈利目的的,且法律允许且支持的条件下,可以进行相 ...
webpack入门+react环境配置
小结放在前:这篇文章主要是为下一篇的react提前铺好路,webpack是一个前端资源模块化管理和打包工具,说白了就是方便我们管理自己的常用的一些代码,比如你开发中用到sass以及jade同时用到es ...
Flutter Mac下环境配置
官网的配置方式: 另一个种配置方式(查阅官网得知): 打开终端: 敲回车,然后在终端输入touch flutter.sh回车(这里的flutter是脚本文件名,随便取,只要你喜欢) 在终端输入open ...
webpack入门+react环境配置 1
小结放在前:这篇文章主要是为下一篇的react提前铺好路,webpack是一个前端资源模块化管理和打包工具,说白了就是方便我们管理自己的常用的一些代码,比如你开发中用到sass以及jade同时用到es ...
cordova入门——cordova环境配置
首先,搞清楚一个概念,phonegap与cordova之间的区别.其实, phoneGap是原先的名字,Adobe将phoneGap捐给apache之后,起了另外的一个名字--apache co ...
Flutter Mac iOS 环境配置
官方文档:flutter.io/docs/get-st- 1.需要的命令行工具 bash curl git 2.x mkdir rm unzip which 2.SDK下载地址 flutter_mac ...
机器学习入门编程环境配置
1. 安装 Python3(可以直接安装anaconda而不用再去安装python和单独进行环境变量配置,并且在所有的新电脑上想要安装python,最好也是选择直接安装anaconda,不然后面用到其 ...

Flutter入门(1)—环境配置

环境配置

一、获取Flutter SDK

1、去flutter官网下载其最新可用的安装包，转到下载页

2、将flutterSDK进行解压【最好放到一个指定的目录下，后面设置path路径还需要用】

3、添加环境变量

二、检查是否依赖完成

（一）、安装xcode

1、这个去app store就可以去下载，最好在家下载，或者网络好的地方下载，我在公司下载了用了8个小时左右

2、配置Xcode命令行工具以使用新安装的Xcode版本

3、确保Xcode许可协议是通过打开一次Xcode或通过命令，如果有[Y/N]的话，一路Y就可以了，N的话会有问题

4、安装包管理工具

（二）、配置vsCode

在扩展中安装Flutter插件，并重新启动加载插件

（三）设置ios模拟器

三、android studio

1、官网下载IDE

2、打开IDE，安装flutter插件和dart插件

3、但是运行flutter doctor 会一直显示plugins没有安装上

4、打开Android Studio，新建虚拟机，第一次会去谷歌下载gradle，这个东西很容下载失败，如果失败，可以多反复试几次

5、下面就和mac的使用方式一样了…

原创不易，自由转载，保留出处！！！

Flutter入门(1)—环境配置相关推荐

最新文章

热门文章

Flutter入门(1)—环境配置

环境配置

一、获取Flutter SDK

1、去flutter官网下载其最新可用的安装包，转到下载页

2、将flutterSDK进行解压【最好放到一个指定的目录下，后面设置path路径还需要用】

3、添加环境变量

二、检查是否依赖完成

（一）、安装xcode

1、这个去app store就可以去下载，最好在家下载，或者网络好的地方下载，我在公司下载了用了8个小时左右

2、配置Xcode命令行工具以使用新安装的Xcode版本

3、确保Xcode许可协议是通过打开一次Xcode或通过命令，如果有[Y/N]的话，一路Y就可以了，N的话会有问题

4、安装包管理工具

（二）、配置vsCode

在扩展中安装Flutter插件，并重新启动加载插件

（三）设置ios模拟器

三、android studio

1、官网下载IDE

2、打开IDE，安装flutter插件和dart插件

3、但是运行flutter doctor 会一直显示plugins没有安装上

4、打开Android Studio，新建虚拟机， 第一次会去谷歌下载gradle，这个东西很容下载失败，如果失败，可以多反复试几次

5、下面就和mac的使用方式一样了…

原创不易，自由转载，保留出处！！！

Flutter入门(1)—环境配置相关推荐

最新文章

热门文章

4、打开Android Studio，新建虚拟机，第一次会去谷歌下载gradle，这个东西很容下载失败，如果失败，可以多反复试几次