Flutter搭建环境踩坑合集(macOS&Windows)

第一步,先找个能用的梯子吧,不过我估计大家找梯子的难度都很大,这里就写一下自己找不到梯子又各种撞墙的记录吧。保证各位看了这一篇就会搭建flutter!

1.下载flutter

这里就不折腾大家了,mac和win的安装包见我百度云

mac 1.20 

mac 1.17 

win 1.20 

win 1.17 

2.配置系统路径

mac下首先把压缩包解压出来丢在你喜欢的文件夹里。这里我一般会在user下新建一个文件夹,命名为xxxxSDK,如图所示


之后打开终端,输入以下命令

vim ~/.bash_profile

在vim里按下  i   进行编辑,复制以下内容到vim里

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

export PATH=/Users/Apple/flutterSDK(直接用绝对路径!!!前面是你放的路径,直接把你的文件夹拖进来就行,但是保留后面的这些)/flutter/bin:$PATH

之后按esc退出编辑,按 :wq!之后回车退出vim

因为10.15的mac默认都是zsh的终端,所以回到终端以后输入以下命令

open ~/.zshrc

打开文件后复制以下内容并保存

source ~/.bash_profile

退出之后再自己手动更新一下系统路径就好了,也就是source ~/.bash_profile直接来一遍,这之后就可以试一下flutter doctor有没有效果了(看什么echo path,装了那么多环境我们能看懂?)。

3.运行flutter doctor

这里大概率会报很多错,不过没关系,按我说的来就行

先安装Android Studio(这个没有墙,下最新版)>> 同时App Store安装xcode >> 都安装完成以后需要开始翻墙安装插件。和win不一样,mac的Android Studio在这里点开设置

之后找到plugins安装以下插件,都是开发的基本插件


当然啦,我估计大家是不能直接在Android Studio中直接安装的

那么,手机上的梯子总是用的吧?,打开idea plugin的官网,查看自己的Android Studio版本号



按照这个版本去Android Studio 官网下载对应版本的插件,尤其是前两个



4.安装完插件以后基本就完成了,打开终端运行flutter doctor

授权安卓应用,同时会提示xcode没有安装cocoapod,这个详细教程很多我就不写了

5.运行你的第一个flutter应用吧!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容