Flutter的学习,建议优先下载Xcode、Android Studio、Visual Studio Code这几个IDE,毕竟开发的时候我们需要用到这几个IDE的其中一个。
1. Flutter SDK 安装包下载
以下是两种比较友好的Flutter SDK安装包的下载方式
- github下载安装包传送门 直接下载即可
- Flutter官网安装包传送门 这里我传送的事macos版本的安装包,如果是其他的安装包,可以修改链接找一下
2. 解压
找到刚才下载好的安装包,比如我这里的安装包是 flutter-1.6.5.tar 这个版本,直接解压到指定的文件夹里去,这里我给出我存放 FlutterSDK 解压后的路径:** /Users/rogue/Documents/FlutterSDK/**。
上面这个路径,就是最后我解压SDK后的路径,当然,如果你没有工具也可以使用命令行来解压,我给出如下的命令行:
这样也是可以成功解压到 FlutterSDK 目录下。
3. 配置环境变量
在这里,我们会给出配置flutter环境变量的方法,首先,查找一下自己的电脑是否存在 .bash_profile 这个文件,有以下路径 ~/.bash_profile,如果要打开文件,大家可以用以下方法:
如果你的电脑没有该文件,那么可以自己创建一个
注意:如果你已经下载了Android Studio这个IDE的话,那么请你配置以下的代码至到.bash_profile文件里:
以上的配置,需要你找到Android SDK所在位置,不然会报错。
接下来,我们会正式接入 Flutter SDK 的环境变量:
以上的配置,特别是 Flutter 的顺序,一定不要搞反了,否则会影响后期项目的创建。
4. 检查配置
配置好了Flutter之后,我们需要来验证Flutter是否配置成功,中间可能大家会遇到很多小插曲,可以网上查找一下都可以解决的。
在这里,需要用到一下的命令:
同时,我把我这里的检查输出打印出来给大家看,可以对照,我电脑安装了VS Code、Xcode、AS以及IntelliJ,一下的输入,虽然有报错,但是不会对运行程序有影响 :
如果大家在执行 flutter doctor 命令的时候,遇到报错的情况,而那个错误正好是你需要使用的IDE的情况,那么你可以跟着提示去查找错误并且解决掉。
5. 创建Demo
首先,我会使用mac 终端来创建一个程序
刚才和大家说到,.bash_profile 配置文件里,Flutter 的环境变量不能够写反,如果写反了,这里执行 flutter create xxx 的时候,就会一直卡在终端运行里面而迟迟不能够下载依赖包。而这里,我就不打印失败的输出,直接打印成功创建项目的输出:
创建项目成功之后,我们可以在目录下找到名为 ios 的文件夹,打开 Runner.xcworkspace 直接运行程序即可。
最后,你终端创建的项目,既可以使用Xcode打开运行,也可以使用VS Code进行打开运行,还有AS。
网友评论