当前位置:
首页 > temp > JavaScript教程 >
-
01-mac flutter环境搭建
mac flutter环境搭建
安装国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
下载flutter
- 下载flutter
- flutter官网下载地址
- flutter github下载地址
- 进入你想放置flutter的目录
cd ~/development
- 解压下载文件,记住改为你自己下载的版本号,按Y确认即可
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip
- 将flutter添加到path中
export PATH=`pwd`/flutter/bin:$PATH
此时你会发现,你打开一个新的命令行窗口是,运行flutter doctor
,会报flutter不存在的错误,是因为环境变量还没全局生效
运行flutter
-
运行
flutter doctor
错误详情
Android toolchain - develop for Android devices (Android SDK version 30.0.2)
✗ Android licenses not accepted. To resolve this, run: flutter doctor
--android-licenses
[✗] Xcode - develop for iOS and macOS
✗ Xcode installation is incomplete; a full installation is necessary for iOS
development.
Download at: https://developer.apple.com/xcode/download/
Or install Xcode via the App Store.
Once installed, run:
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
✗ CocoaPods not installed.
CocoaPods is used to retrieve the iOS and macOS platform side's plugin
code that responds to your plugin usage on the Dart side.
Without CocoaPods, plugins will not work on iOS or macOS.
For more info, see https://flutter.dev/platform-plugins
To install:
sudo gem install cocoapods
[!] Android Studio (version 4.1)
✗ Flutter plugin not installed; this adds Flutter specific functionality.
✗ Dart plugin not installed; this adds Dart specific functionality.
[!] VS Code (version 1.52.0)
✗ Flutter extension not installed; install from
https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[!] Connected device
! No devices available
上面的错误信息是告诉你东西未安装完,比如xcode,Android Studio,Android Studio的dart、fultter插件,CocoaPods,VS Code的flutter插件未安装
- xcode安装
- 在app store搜索xcode,安装即可
- 运行下面命令
- 再次运行flutter doctor会发现关于xcode的错误消失了
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
sudo gem install cocoapods
- Android Studio安装
- 下载安装Android Studio
- 打开Android Studio中Preferences,选择Plugins,输入flutter与dart,install安装即可
- VS Code中flutter插件安装
- 打开vscode,点击扩展,输入flutter,install安装,安装之后重新打开vscode即可
-
再次运行
flutter doctor
,关于Android Studio相关的错误可能还是有,运行下面的命令
// 注意AndroidStudio版本号
ln -s ~/Library/Application\ Support/Google/AndroidStudio4.1/plugins ~/Library/Application\ Support/AndroidStudio4.1
-
再次运行
flutter doctor
,下面这样就都正常了
环境变量配置
- 查看flutter的环境配置路径path
echo $PATH
// 可以看到flutter的路径为
/Users/name/development/flutter/bin:
- 打开环境配置文件
open ~/.bash_profile
- 或者vim编辑
vim ~/.bash_profile
- 如果在编辑bash_profile时发现文件不存在
// 创建bash_profile文件
touch .bash_profile
- bash_profile文件存在时,添加下面内容
// 添加国内镜像
export PUB_HOSTED_URL="https://pub.flutter-io.cn"
export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"
// 添加安装路径,上面获取到的
export PATH="/Users/name/development/flutter/bin:$PATH"
- 更新环境配置
source ~/.bash_profile
- 重启编辑器即可,会发现在
最终的bash_profile文件
// .bash_profile
# HomeBrew
export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.ustc.edu.cn/homebrew-bottles
export PATH="/usr/local/bin:$PATH"
export PATH="/usr/local/sbin:$PATH"
export PUB_HOSTED_URL="https://pub.flutter-io.cn"
export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"
# name为自己电脑的名称
export PATH="/Users/name/development/flutter/bin:$PATH"
source ~/.bashrc
# HomeBrew END
出处:https://www.cnblogs.com/sk-3/p/14448971.html
栏目列表
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量?
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
SQL Server -- 解决存储过程传入参数作为s
关于JS定时器的整理
JS中使用Promise.all控制所有的异步请求都完
js中字符串的方法
import-local执行流程与node模块路径解析流程
检测数据类型的四种方法
js中数组的方法,32种方法
前端操作方法
数据类型
window.localStorage.setItem 和 localStorage.setIte
如何完美解决前端数字计算精度丢失与数