Win10下Flutter开发环境搭建这⼀篇⾜矣
前⾔:
笔者作为⼀个Android开发者，已经越来越能感受到原⽣开发的不受待见了，这⾥并不是说原⽣就不⾏了，⽽是随着这些年混合跨平台⽅案的层出不穷，导致市场对纯原⽣开发者的要求越来越⾼，你不仅要会原⽣还得会前端知识。这样就导致很多初级开发者举步维艰，特别是像笔者这样的应⽤开发⼈员。如果你是系统开发⼈员还好⼀点。在这种环境下，原⽣与web前端之间的区别越来越模糊，⼤前端时代也就随之到来。总体来说，这些⽅案⾥⾯，笔者最看好的还是Flutter，因为它的理念是前所未有的，其它⽅案或多或少都和js前端挂勾，性能上就⼤打折扣了，体验也是⽐不上原⽣的，对于客户端来说，体验和性能就是命脉。⽽Flutter和它们都不同，它是⾕歌的移动UI框架，可以快速在iOS和Android上构建⾼质量的原⽣⽤户界⾯。注意是原⽣界⾯，它采⽤的是GPU来渲染界⾯，所以性能体验上甚⾄是超过原⽣的，具体想详细了解，⼤家可以看。好了，从这篇⽂章开始，我将和⼤家⼀起探索Flutter的世界！
⼀，SDK的安装:
在正式安装SDK前，要提醒⼀下各位使⽤Win7的⼩伙伴，你们可以停下了，建议你先去升级到Win10再来，为什么？因为环境不允许，由于后⾯涉及的相关命令操作，⾕歌⼯程师研发Flutter的时候是基于Powershell5.0的环境来的，也就是说他当初使⽤的可能就是Win10的环境，Powershell是Windows⾃带的
命令环境⼯具，win7上的版本太低，⽽且还升不了(反正笔者是没有成功)。所以劝各位还是⽼实点去升级系统吧！SDK的下载安装有如下两种⽅法。
1. 去或者下载其最新可⽤的安装包。
2. 使⽤Git命令安装：git clone -b beta github/flutter/flutter.git
第⼀种⽅式如果官⽹打不开，可能需要，所以你可以去其GitHub项⽬下载。笔者采⽤是第⼆种⽅式，⾸先⼤家要安装配置好Git，随后在⾃⼰喜欢的⽬录下执⾏上⾯的命令，这样⼀来SDK的安装就完成了。注意！不要将flutter安装到需要⼀些⾼权限的路径如C:\Program Files\ 。
⼆，运⾏flutter doctor:
安装完SDK之后，接下来我们需要在控制台(⽬前Flutter不⽀持Git)运⾏Flutter doctor命令来检测SDK的依赖项安装情况，运⾏命令之前我们需要配置⼀下⽀持flutter命令的环境变量，还有⼀点要注意由于flutter命令需要联⽹获取数据，如果是在国内访问，可能需要，直接访问可能不会成功。不过Google已经为国内开发者搭建了临时镜像。下⾯我把这些环境变量列举⼀下！
1. 系统变量path：D:\futter_study\flutter\bin  (flutter安装包bin的全路径)
2. 系统变量FLUTTER_STORAGE_BASE_URL：storage.flutter-io
3. 系统变量PUB_HOSTED_URL：pub.flutter-io
上述系统变量如⽆则新建，注意如有多个变量值，它们之间需要⽤分号隔开。这些配置完之后，我们可以使⽤cmd控制台或者是打开flutter 安装包⽂件夹到flutter_console.bat⽂件双击打开执⾏flutter doctor命令，看名字就能知道作⽤是什么了，效果如图：
上图就是flutter doctor的执⾏效果，⾸先你如果能正常显⽰这些。说明前⾯的都设置成功了，⼤家可以
看到它会去检测
flutter，Androidsdk ,⽀持的编译器，还有调试设备，由于我早已搭建了这些环境，所以它会显⽰绿勾，当前我没进⾏调试，所以设备不在线。⼤家如果以上这些都没做的话，它就会显⽰叉，那就需要⼤家去搭建好这些了，如果你是Android开发者的话，应该问题不⼤。前端开发者的话就需要费点功夫了，⾄于怎么做，这⾥我就不展开来说了。
3，第⼀个Flutter程序:
前⾯这些环境搭建好之后，接下来，我们来做⼀下经典的hello world程序，正式进⼊Flutter开发的世界，⾸先我们选择AS作为编译器，之前如果没有开发过Flutter，你的AS中应该是创建不了Flutter⼯程的，这个时候你需要分别安装Flutter和Dart插件，之后重启AS 就可以创建Flutter⼯程了。具体步骤如下：
之后和你创建Android项⽬差不多，创建完⼯程之后，Flutter项⽬结构如下
我们编写Dart代码是在lib⽂件夹下，默认情况下，⾥⾯会有⼀个main.dart⽂件，这时候你就可以直接连上真机了调试了。这⾥可能还需要你在Android⽬录下的build⽂件下再配置⼀下，才能运⾏成功，具体配置如下：
buildscript {
repositories {
//google()
//jcenter()
maven { url 'maven.aliyun/repository/google' }
maven { url 'maven.aliyun/repository/jcenter' }
maven { url 'maven.aliyun/nexus/content/groups/public' }
}
dependencies {
classpath 'ls.build:gradle:3.1.2'
}
}
allprojects {
flutter sdk
repositories {
//google()
//jcenter()
maven { url 'maven.aliyun/repository/google' }
maven { url 'maven.aliyun/repository/jcenter' }
maven { url 'maven.aliyun/nexus/content/groups/public' }
}
}
以上全部弄好之后，你就可以坐下来慢慢等待运⾏结果了，第⼀次可能会⽐较慢，如⽆意外最终效果如下：
就是⼀个计数器程序，⾥⾯的部分内容我改了⼀下。main.dart⾥⾯注释其实很清楚了，虽然是英⽂的。到这⾥的话，你已经做出了⼈⽣当中第⼀个Flutter程序了。如果你是没有Dart基础的话，我希望你可以去看看我的专栏或者官⽅⽂档，总之有Dart语⾔基础更利于你开发Flutter，这⾥还要告诉⼤家的是。⽤Win10只能开发Android端，如果想开发iOS。你⾸先要有⼀台mac。好了。⼤家应该会爱上Flutter 这门技术的。加油！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。