flutter初探

何为Flutter?

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。
光看这简短的一段话就热血澎湃的感觉:
1.谷歌的
2.跨平台
3.免费、开源
于是就决定去一探究竟

一波三折

本以为很简单,结果比想象中的难多了,搭建开发环境就浪费了大半天时间。我按照官网的步骤来的,主要是因为安装各种SDK浪费时间(我安装的是iphone模拟器)

下载Flutter

跳转下载页面

配置环境

1.打开终端

.vim ~/.bash_profile


2.加入以下三行


# 国内用户最好设置这两行
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PUB_HOSTED_URL=https://pub.flutter-io.cn
# Flutter SDK位置 ,这个位置根据自己的Flutter的bin文件夹目录来就行
export PATH=/Users/xxx/flutter/bin:$PATH

3.执行source ~/.bash_profile(需要重新运行,环境变量才会生效)

source ~/.bash_profile

验证

 

flutter doctor

安装ios模拟

1.安装 homebrew (如果已经安装了brew,跳过此步骤).
2.打开终端并运行这些命令来安装用于将Flutter应用安装到iOS设备的工具
下面这几行需要耐心等待,我花了两个多小时。

brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
brew install cocoapods
pod setup

创建项目

flutter create my_app

vscode编辑器

我是用的vscode编辑器,比较轻量级。
1.打开软件扩展:搜索flutter
2.安装之后重新启动vscode
3.打开创建好的项目(my_app)
4.点调试或者按F5 ,选择ios模拟器,进入调试状态。

开始flutter生涯

1.学习FLutter api
2.学习dart语言

结语

目前在写一个app,边研究边写ing….

你可能感兴趣的:(flutter,前端开发,移动端开发,跨平台,新技术)