flutter学习环境配置一

1.下载flutter   SDK

2.配置flutter环境变量

vi ~/.bash_profile

# Add environment variable FOR flutter
export PUB_HOSTED_URL=https://pub.flutter-io.cn  
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/wm-eichong/Downloads/flutter/bin:$PATH
    
#Add android variable
export ANDROID_HOME="/Users/wm-eichong/Library/Android/sdk"
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

 

source ~/.bash_profile

 

3.安装java的开发环境，安装android studio和xcode

在安装android studio的时候一定要选择 不设置代理，否则sdk会一直下载不下来。(一定要注意，不需要翻墙，直接就可以下载sdk)

安装android studio中的flutter的插件Dart和flutter的时候选择，参考如下地址

https://blog.csdn.net/survivorsfyh/article/details/93407580

在执行flutter doctor的时候，如果出现安装不了的情况，请卸载brew，然后重新安装

卸载命令：

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)"

安装命令：

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

如果出现如下问题：

链接设备

如果执行flutter doctor报如下错误

执行如下解决：

 1.sudo spctl --master-disable 打开 任何来源

2. /Users/icharge/Downloads/为flutter解压后的目录

sudo xattr -r -d com.apple.quarantine  /Users/icharge/Downloads/flutter/bin/cache/artifacts/libimobiledevice/idevice_id
sudo xattr -r -d com.apple.quarantine   /Users/icharge/Downloads/flutter/bin/cache/artifacts/libimobiledevice/idevicename
sudo xattr -r -d com.apple.quarantine   /Users/icharge/Downloads/flutter/bin/cache/artifacts/libimobiledevice/idevicescreenshot
sudo xattr -r -d com.apple.quarantine   /Users/icharge/Downloads/flutter/bin/cache/artifacts/libimobiledevice/idevicesyslog
sudo xattr -r -d com.apple.quarantine   /Users/icharge/Downloads/flutter/bin/cache/artifacts/libimobiledevice/ideviceinfo

如果出现如下错误

按照提示执行：

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

安装成功

安装vscode的插件flutter

vscode创建flutter项目

 查看——命令面板，或者Ctrl + Shift + P

输入 Flutter: New Project

然后输入项目名称，选择项目路径即可。

然后VS Code会自动打开一个新窗口示例。

 

VScode 默认是连接不上第三方夜神模拟器解决办法

 cd 到对应的夜神模拟器的bin目录下，然后运行

nox_abd.exe connect 127.0.0.1:62001

如过是mac，例如MUMU模拟器，执行

 adb connect 127.0.0.1:7555

• adb kill-server
• adb start-server
• adb devices

执行以上命令

flutter android Studio 安装插架

Dart

flutter

Rainbow Brackets

 

 

 flutter快捷键

   r:热加载

   p:显示网格线

   o:切换android和ios的预览模式

    q:退出调试预览模式

更改目录权限

sudo  chmod -R 777

 

 

 

4.校验是否安装成功

flutter -h

flutter doctor 校验环境是否配置完成

flutter --version 查看flutter的版本

flutter upgrade 升级flutter的版本

flutter clean 清理build的内容

flutter packages get 获取安装依赖包