目前手机主流的操作系统被苹果的IOS和谷歌的Android占领,市场相互竞争,以两大系统为核心的手机每年都出新品,由于Android相对开源的系统,比起IOS的用户量还大一些,但没有阻碍苹果的快速发展,以人机交互的顺畅体验,简洁大气的外观和软件硬件强大的支撑而夺取了手机销售冠军,市值一路飙升。
安卓原生开发以Java为编程语言,最近几年里,谷歌官方推出了安卓全新的编程语言kotlin,简洁的语法完美融合了Java无缝对接,让安卓开发者体验到了编程的快感,苹果原来的object-c语言也被官方推出的swift语言所替代,不仅简单还很强大的代码流,kotlin和swift像是两大门派,分别创出了绝世武功一样。
这两种系统语言的开发离不开两家强大的编辑器,配置、编辑、调试、预览、打包、流程都很nice,但是对于创业型公司,往往为了节约成本,招一名技术开发人员,分别写两套代码,虽然现在移动端全栈很多,但是一套代码打包成跨平台的两端App应用它不香吗?

1.原生开发
原生应用程序,比如安卓和iOS特有的应用,使用相应的平台支持的开发工具和语言,并直调用系统SDK的api,它的优势非常明显
可访问系统的全部功能如摄像头、GPS速度快、性能高、可以实现复杂的动画绘制,整体用户体验好2.H5混合开发
这类框架主要原理就是将APP里一部分需要经常变动的内容通过H5实现,通过原生的网页加载webview,这样一来通过H5可以随时改变而不用发现,它的缺点很多
没有权限访问平台的文件,不能使用蓝牙没有原生体验好,遇到网络延迟会出现卡顿的现象为了解决一套代码生成两端APP,体验感也很好,Flutter孕育而生了
Flutter 是 Google推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过 Dart语言开发 App,一套代码同时运行在 iOS 和 Android平台。 Flutter提供了丰富的组件、接口,开发者可以很快地为 Flutter添加 native扩展。同时 Flutter还使用 Native引擎渲染视图,这无疑能为用户提供良好的体验。
为了让大家很快的入门,搭建个 Flutter 开发环境的流程并运行 hello world
Flutter 开发环境搭建工欲善其事必先利其器,以Windows下Flutter SDK的安装为例,然后再介绍一下配IDE和模拟器的使用。
1.下载安装Flutter SDK
由于网络限制,可以去github上下载最新的版本SDK
Flutter github url down
点击对应版本的ZIP文件包,等待一会下载好,这个时间你可以去喝杯咖啡,轻松一下。
终于下载好了,把压缩包解压到当前目录,并且放到你想要安装的目录,最好不要放到C://根目录下面,推荐选择其他磁盘,这里我放在D盘的fluttersdk 文件夹中
flutter sdk安装目录
在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。但是由于flutter需要联网才能获取相关数据,临时搭建的环境中国镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
那么怎么做链接到镜像地址呢?和平时我们配置开发环境变量相似
打开环境变量配置弹窗
按照上面的步骤Flutter命令就可以不受网络限制了,能获取到相关的信息了
flutter sdk只要添加到环境变量当中就可以在windows上的PowerShell运行Flutter相关命令了
我这里的路径是D:\fluttersdk\flutter-1.20.1\bin,根据你放置的目录不同对应相应的路径,放置到Path环境变量的最后边,前面记得加英文; 点击确定就Ok
配置环境变量
关闭PowerShell再打开生效 配置好了环境变量,运行Flutter命令看下结果
运行命令 flutter doctor 显示错误的信息 error:Unable to git in your Path
这句话的意思是GIt没有被安装,首先安装git
安装好git后在运行命令看下结果,那么运行Flutter命令为什么要用git呢?原来这些依赖于git托管分支,
看到这个命令下载相关的文件包了,耐心等待一会,检测所需的运行环境配置是否正确。
看到报了一堆错误,但是不要着急,来看第一个明显没有检测到Androidstudio 需要下载,
我去官方网址下载,看到目前Androidstudio 是4.0.1版本,但不要下载最新的预览版,会有很多想不到的错误。
编辑器下载完成了,解决图上第二个错误意识是Androidstudio没有安装flutter插件和dart插件,让我们继续来看在Androidstudio安装这两个插件
选择Androidstudio ->file->seting->Plugins
在插件搜索框中输入Flutter 就可以看到这个插件了 然后点击安装等待安装完毕,重新启动IDE就可以新建Flutter项目了。
最后创建一个项目的默认界面
过程有点多,但并不复杂,只要细心跟着一步一步操作就可以看到最后的hello demo界面了
第一步的开发环境搭建完毕,剩下的就是开发者们随意发挥的时刻了,一个好的App始于好的创意,感谢大家阅读。