flutter之安装（零报错）

àì夳堔傛蜴生んèń 2022-12-31 06:22 132阅读 0赞

### 目录 ###

*  一：获取Flutter SDK
 *  二：添加环境变量
 *  三：android studio 插件dart 和 flutter 安装
 *  四：Flutter\_tools 替换镜像地址
 *  五：Flutter sdk 检测
 *  六：使用AS创建Flutter 应用

# 一：获取Flutter SDK #

从GitHub拉取fultter stable 分支 的源码(不要在高权限的路径下，最好不在C盘)

git clone -b stable git@github.com:flutter/flutter.git

> 注意不要在GitHub下载releases/tags，否则在`flutter doctor`时，会报错 缺少git 和 未知的 chanel

--------------------

> 提示：如果GitHub拉取源码速度过慢，可以切换到 [码云flutter][flutter] ，同时创建FLUTTER\_GIT\_URL=https://gitee.com/mirrors/Flutter.git环境变量，flutter upgrade 才能使用；  
> 也可以通过更改dns 来提升GitHub拉取速度如下

1.  获取Github相关网站的ip  
    访问[https://www.ipaddress.com][https_www.ipaddress.com]，分别输入
    
        github.global.ssl.fastly.net
    
        github.com
    
    查询ip地址。
2.  修改本地host文件  
    Window为例 C:\\Windows\\System32\\drivers\\etc\\host  
    Mac为例，命令行下输入：sudo vi /etc/host，然后输入电脑的密码，打开host文件。  
    参考如下，增加github.global.ssl.fastly.net和github.com的映射。
    
        151.101.113.194 github.global.ssl.fastly.net
        192.30.253.112 github.com
3.  更新DNS缓存  
    命令行输入：ipconfig /flushdns，使增加的映射生效。
    
        ipconfig /flushdns

# 二：添加环境变量 #

1.  添加镜像  
    由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：
    
        PUB_HOSTED_URL=https://pub.flutter-io.cn
        FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
2.  添加flutter sdk的bin 到path路径如下：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70]
3.  添加android sdk 环境变量（如果未自定义android studio 的sdk路径无需添加）
    
        ANDROID_HOME=E:\JDK-package\Android\SDK
4.  添加PUB\_CACHE环境变量  
    这个变量决定了pub get 下载的那些包依赖资源放到何处。默认情况下，PUB\_CACHE 存储在你的用户目录（Mac 和 Linux）或 %APPDATA%\\Pub\\Cache 目录（Windows，不同版本的 Windows 操作系统可能会不一样）下的子目录中。如果你想更改地址，可以配置该环境变量设置为新的地址。
    
        PUB_CACHE=E:\Dependences-Repository\flutter_repository

# 三：android studio 插件dart 和 flutter 安装 #

先安装dart  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 1]  
再安装flutter  
![在这里插入图片描述][20201228204026805.png]

> 注意：如果更改过android studio 的idea.properties配置，如idea.plugins.path=$\{idea.config.path\}/plugins，那么之后的所有插件都不能安装成功，解决方案如下

--------------------

*  方案一：  
    将`idea.plugins.path=${idea.config.path}/plugins`改成`idea.plugins.path=${idea.system.path}/plugins`  
    android studio 下载的压缩包都在`${idea.system.path}/plugins`下面，只需要将插件压缩包解压到`${idea.system.path}/plugins`文件路径下重启android studio即可使用
 *  方案二：  
    把 `${idea.system.path}/plugins`下的插件压缩包，解压到`${idea.config.path}/plugins`文件路径下重启android studio即可使用

> 注意：是解压到**plugins**文件下，不是解压到插件压缩包的同名文件下

效果如下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 2]

# 四：Flutter\_tools 替换镜像地址 #

更改flutter\\packages\\flutter\_tools\\gradle\\flutter.gradle

buildscript { 
        repositories { 
        // 注释以前的
        // google()
    	// jcenter()
    	// 增加这段代码
        maven {  url'https://maven.aliyun.com/repository/google'}
    	maven {  url'https://maven.aliyun.com/repository/jcenter'}
    	maven {  url'https://maven.aliyun.com/repository/public'}
        }
        dependencies { 
            classpath 'com.android.tools.build:gradle:3.5.0'
        }

// private static final String DEFAULT_MAVEN_HOST = "https://storage.googleapis.com";
    private static final String DEFAULT_MAVEN_HOST      = "https://storage.flutter-io.cn/download.flutter.io"

project.rootProject.allprojects { 
           repositories { 
               maven { 
                   url repository
               }
    			///增加这段代码
    			maven {  url'https://maven.aliyun.com/repository/google'}
    			maven {  url'https://maven.aliyun.com/repository/jcenter'}
    			maven {  url'https://maven.aliyun.com/repository/public'}
           }

# 五：Flutter sdk 检测 #

1.  打开cmd或PowerShell,，运行
    
        flutter doctor
    
    效果如下  
    ![在这里插入图片描述][20201228213018198.png]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 3]  
    ![在这里插入图片描述][20201228213431486.png]
    
    > 提示：异常Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses  
    > 很明显了那就运行flutter doctor --android-licenses 一路Y就好了
2.  设置dart环境变量  
    经过上一步flutter doctor 后再次查看flutter\\bin目录下可以看到  
    `flutter\bin\cache\dart-sdk`将这个也添加到path中  
    ![在这里插入图片描述][20201228213717692.png]
3.  解决 `Android Studio (not installed)`(无关紧要）  
    安装了AS，但路径是自定义的，所以给Flutter指定路径吧
    
        flutter config --android-studio-dir="D:\Program Files\Android\Android Studio"
    
    如果出现：![在这里插入图片描述][20201228214349529.png]  
    请检查是否执行过目录三  
    获取是否安装的**jetbrains**的其他ide（如IntelliJ IDEA），那么此类的ide也需要安装dart和flutter插件
4.  解决 `No devices available`(无关紧要）  
    手机开发模式打开usb调试，连接电脑即可

# 六：使用AS创建Flutter 应用 #

选择第一个  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 4]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 5]  
点击finish  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 6]  
如图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 7]  
运行再真机上  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 8]

> 如果发现**卡**在Running Gradle task ‘assembleDebug’… 解决办法如下

修改项目中android/build.gradle文件  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 9]  
安装 google usd driver  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 10]  
此时 如果还是 卡在Running Gradle task ‘assembleDebug’…  
那么应该是 android 目录下的gradle-wrapper 下载过慢，你可以使用本地的gradle

distributionUrl=file:///F:/android-studio/gradle/gradle-4.3-all.zip

效果如下：启动成功  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 11]

[flutter]: https://gitee.com/mirrors/Flutter
[https_www.ipaddress.com]: https://www.ipaddress.com
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70]: /images/20221120/b54d723c6f2244f7b20bb9892f46edec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 1]: /images/20221120/5b8c0ba8837d4425b9fa038972bc979e.png
[20201228204026805.png]: /images/20221120/66e6c41c82c64fed9cba4b859afc5616.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 2]: /images/20221120/4e13e27460694a21964a2430db59549b.png
[20201228213018198.png]: /images/20221120/f75eeaa000b04791b473c12148604d84.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 3]: /images/20221120/a6aa742acc62448db218bb1e86a86d92.png
[20201228213431486.png]: /images/20221120/d760734399804cf39f1e96a7f207b5a5.png
[20201228213717692.png]: /images/20221120/e21316f9b01f46b69f4819b2eca35298.png
[20201228214349529.png]: /images/20221120/1a3501413968450c9e864fbfbb7bd109.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 4]: /images/20221120/7b0ce00531a245c292f284f73b412d63.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 5]: /images/20221120/f3f93d9a96b74c44ae38fb07bcef41ed.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 6]: /images/20221120/173507f5a5aa4e3da139b42e0f1dfec5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 7]: /images/20221120/35fda80d2a5b47e293326dcb77964249.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 8]: /images/20221120/86e534cbfec443bc98600dab4897d92d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 9]: /images/20221120/75f643e6686b47feb8678e3d18644a68.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 10]: /images/20221120/6b98800dc11b4539961c228dcc8a132c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lDSl94aXlhbmc_size_16_color_FFFFFF_t_70 11]: /images/20221120/a1236b097bf04c28a55ab43709e28316.png