长沙黑马程序员精品公开课 flutter系列入门体验

需要视频和源码的同学可以+csheima7索取

flutter系列-01

  • 了解flutter

    • google公司发明的一种移动端语言
    • 应用于app开发(一套代码干了多个程序员的活)
      • 兼容安卓
      • ios
      • 桌面开发
      • linux
    • flutter比react native更高效 120fps > 60fps 高刷新 更接近于原生
      • 可以做一些高刷新的游戏
    • flutter跟移动端的html等有什么区别呢?
      • html基于浏览器
      • 好比你下载一个app去玩植物大战僵尸和打开网页去玩植物大战僵尸
        • app的用户体验更好
    • flutter基于dart语言(就好比android基于java开发一样)

主要内容

  • 配置flutter需要的环境
  • 一小时学习完一门语言
  • 创建一个flutter项目

配置环境

  • 梯子

    需要连接外网下载(建议最好能搭梯子玩flutter更好)
    否则需要配置镜像环境
    
    1.找到系统的环境变量
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    

长沙黑马程序员精品公开课 flutter系列入门体验_第1张图片

长沙黑马程序员精品公开课 flutter系列入门体验_第2张图片

  • 配置flutter SDK
SDK路径 

https://flutter.dev/docs/development/tools/sdk/releases#windows

长沙黑马程序员精品公开课 flutter系列入门体验_第3张图片

注意:安装的路径尽量不要放在系统权限比较高的路径下面 因为经常需要安装一些包 如果权限不够可能会引起不写不必要的问题

2.测试一下是否安装成功
在安装好的路径里面 打开cmd  运行 flutter -- version
如果能够显示 不报错  表示flutter SDK已经安装成功

长沙黑马程序员精品公开课 flutter系列入门体验_第4张图片

  • 配置flutter的path路径
我们需要在任何地方打开cmd都可以直接运行flutter  所以需要配置环境变量

长沙黑马程序员精品公开课 flutter系列入门体验_第5张图片

长沙黑马程序员精品公开课 flutter系列入门体验_第6张图片

  • 测试环境
3.flutter doctor

一般情况下 咋们如果只安装了flutter SDK 那么只会是一个有√的符号 其他的环境需要继续配置

长沙黑马程序员精品公开课 flutter系列入门体验_第7张图片

  • 安装java JDK-选择javaSE 8 的jdk
运行flutter 必须带有java JDK
4.安装java JDK
https://www.oracle.com/java/technologies/javase-downloads.html

安装完成 直接打开文件  无限选择下一步进行安装即可


注意: 下载的版本一定要是java SE9以下的版本  最好是java SE 8版本

长沙黑马程序员精品公开课 flutter系列入门体验_第8张图片

  • 测试java JDK 是否安装成功
5.在当前java JDK的bin目录下面 打开cmd  运行javac即可  

长沙黑马程序员精品公开课 flutter系列入门体验_第9张图片

  • 配置全局的java环境变量
6.新建JAVA_HOME储存路径
通过path引入这个路径 

注意:要有bin目录和jre目录

长沙黑马程序员精品公开课 flutter系列入门体验_第10张图片

长沙黑马程序员精品公开课 flutter系列入门体验_第11张图片

  • 安装android studio(可选) - vscode
建议如果做flutter开发 尽量都用android studio
或者 习惯前端开发的  也可以用vscode替代

7.android Studio路径 :https://developer.android.com/studio/index.html

安装 

第一次打开android studio的时候

下载需要创建flutter的依赖
进入之后 在android Studio右下角 选择configare --> plugins --> 输入 flutter 点击install安装即可

下载好之后  打开androidStudio的new里面 就多出来了一个 new flutter Project项目

长沙黑马程序员精品公开课 flutter系列入门体验_第12张图片

长沙黑马程序员精品公开课 flutter系列入门体验_第13张图片

长沙黑马程序员精品公开课 flutter系列入门体验_第14张图片
长沙黑马程序员精品公开课 flutter系列入门体验_第15张图片

长沙黑马程序员精品公开课 flutter系列入门体验_第16张图片
长沙黑马程序员精品公开课 flutter系列入门体验_第17张图片

注意:第一次创建项目的时间可以需要等待 
  • 安装adb
8.点击tools --> 选择 AVD Manger --> creat

选择android手机的型号已经安装的版本 建议不要选择最新版 --> download android版本 -->运行模拟机

长沙黑马程序员精品公开课 flutter系列入门体验_第18张图片

长沙黑马程序员精品公开课 flutter系列入门体验_第19张图片

长沙黑马程序员精品公开课 flutter系列入门体验_第20张图片

在这里插入图片描述

在这里插入图片描述
长沙黑马程序员精品公开课 flutter系列入门体验_第21张图片

  • vscode环境配置
下载夜神模拟器 -->  模拟一个 android手机
下载好之后 打开开发者模式 打开设置 --> 关于平板电脑 --> 双击版本号 --> 出现你已经成功开发开发者模式

长沙黑马程序员精品公开课 flutter系列入门体验_第22张图片

安装flutter插件
安装Code runner
连接夜神模拟器
nox_adb.exe connect 127.0.0.1:62001

长沙黑马程序员精品公开课 flutter系列入门体验_第23张图片

你可能感兴趣的:(it,程序员,java)