初识flutter之安装环境

去年就听说了flutter是跨平台开发的，一直有这么一个概念还没有具体去研究flutter，由于今年学习了rn，并应用到了项目当中，所以打算flutter也一并拿下，做技术就得不停的充电和学习哈，否则就落后了

先从搭建环境开始说起

一.安装

  1.下载SDK：https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos

             PS：在大陆现在需要翻墙，或者也可以去github上去下载，我是足足下载了半个小时

  2.配置环境变量

    cd ~

    vim .bash_profile

    export PATH=${PATH}:/XXX/flutter/bin   

    关闭terminal重启或者source .bash_profile

 3.运行

    运行flutter doctor命令查看是否需要安装其它依赖项来完成安装，该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了，没有必要单独安装Dart了，错误或者警告会以粗体的形式显示出来。

   

二.配置编辑器

官网推荐使用Android Studio， VS Code等，当然如果你习惯使用其他编辑器，可以根据自己的习惯去选择编辑器， 做android开发的同学肯定对Android Studio在熟悉不过了，由于我们的rn开发使用的是VS Code，所以这里我Android Studio 和VS Code都配置一下

  1.安装VS Code

VS Code安装连接：https://code.visualstudio.com

VS Code version >= 1.20.1

2.安装flutter插件

     （1）启动 VS Code

     （2）调用 View>Command Palette…

     （3）输入 ‘install’, 然后选择 Extensions: Install Extension action

     （4）在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’, 然后点击 Install

     （5）选择 ‘OK’ 重新启动 VS Code

3.验证是否安装success

     （1）调用 View>Command Palette…

     （2）输入 ‘doctor’, 然后选择 ‘Flutter: Run Flutter Doctor’ action

     （3）查看“OUTPUT”窗口中的输出是否有问题

---

2.配置Android Studio Flutter插件

需要安装两个插件:

   Flutter插件： 支持Flutter开发工作流 (运行、调试、热重载等).

   Dart插件： 提供代码分析 (输入代码时进行验证、代码补全等).

要安装这些:

     （1）启动Android Studio.

     （2）打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).

     （3）选择 Browse repositories…, 选择 Flutter 插件并点击 install.

     （4）重启Android Studio后插件生效.

到这里开发flutter的环境就安装好了，接下来就可以美美开始你的flutter coding了