Flutter环境配置精简版(Mac版本)

2021-03-15  本文已影响0人  五八四十

在Flutter开发的第一步就让人头大,这啰里啰嗦的环境配置实在是让人摸不到头脑,什么官方文档乱七八糟不适用,各种不爽!经过百般尝试终于趟出一条简单明确的光明大道!话不多说上才艺。

附官方地址:https://flutterchina.club/setup-macos/

一、下载镜像相关操作

1、下载镜像地址:https://flutter.dev/docs/development/tools/sdk/releases#macos

image

备注:选择下载版本具体按照版本跟新为主、

2、解压放到自定义路径

如下是官方说明将下载好的镜像放到你自定义的根目录下并进行解压,花里胡哨的操作。实际上直接用解压软件解压到你自定义的根目录里就ok了。

<pre>cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip</pre>

3、添加flutter相关工具到path中:

官方的指定路径我们需要根据实际的自定义路径去修改

<pre>export PATH=pwd/flutter/bin:$PATH</pre>

具体操作如下:

① 打开终端执行:

<pre>open .bash_profile </pre>

image

②保存该配置执行:

<pre>source ~/.bash_profile </pre>

③检验是否配置成功执行:

<pre>flutter doctor</pre>

image

如果出现这种情况就证明咱们的第一步已经成功啦!掌声送给自己!

异常情况:

image

遇见这种情况不要慌,终端安排:

执行:

<pre>flutter doctor --android-licenses</pre>

接下来小手就给我小“Y”点起来!知道结束为止,完成后重新执行就可以成功搞定了!

<pre>flutter doctor</pre>

4、更新环境变量

终端执行:

<pre>open .bash_profile </pre>

进入编辑状态,按照下图所示进行编辑,相信大家都可以搞定这个。

image

修改完千万要记住更新当前的编辑状态,终端执行(执行前要把中文注释与\删除,截图指示为了说明作用):

<pre>source ~/.bash_profile </pre>

5.编辑器设置

使用 flutter 命令行工具,您可以使用任何编辑器来开发Flutter应用程序。输入flutter help在提示符下查看可用的工具。

我们建议使用我们的插件来获得丰富的IDE体验,支持编辑,运行和调试Flutter应用程序。请参阅编辑器设置了解详细步骤

6.平台设置

macOS支持为iOS和Android开发Flutter应用程序。现在完成两个平台设置步骤中的至少一个,以便能够构建并运行您的第一个Flutter应用程序

好啦!困难的时刻到此也就结束了~剩下的就根据需求去参考不同方向的文档进行配置啦 ~

上一篇 下一篇

猜你喜欢

热点阅读