【Day10】Flutter环境设定 ( windows )

在拖延症的影响下,周日原本打算多备点稿的我又变成只有当日更新。

可能以後要强制自己每天多写一篇比较实际,呵呵。

因为工作上专案的缘故,需要有特定的 App 在手机上使用,因为目前这个专案可能因为

有点实验性质所以只有我一人的缘故,所以我就打算找个跨平台的解决方案,在网路上

搜索了一下之後,发觉大概就是 Flutter 跟 React Native 这两个热门选项,

在比较 Google Trend 之後。
https://ithelp.ithome.com.tw/upload/images/20210912/20092056iIwkZBywa9.png

就决定先试着使用 Flutter看看,就当作藉着专案的机会多学点以後可能会用到的东西。

虽然说中年之後都是讲究在一个或是两个领域上有着非常专精的能力,要不然就是

很强的能力又升管理,顺便带人跟教人。

总之, 这篇是在讲 Flutter 环境设定 ( Windows )。

假如是其他系统的也可以参考下面的官方连结

https://flutter.cn/docs/get-started/install

较为详细的系列教学可以参考下面:

接下来就是 Win10下的环境设定以及模板导入

需要先有 Windows PowerShell 5.0 ,这个通常win10已经预先安装了。

以及 Git 2.0

获取 Flutter SDK

将下的档案放在您要预设的位置之後(例如 C:\flutter),就需要更新系统的环境变数了。

左下角点击 Search 按钮後输入 "系统"
https://ithelp.ithome.com.tw/upload/images/20210912/20092056aDu1uj1JmS.png

点击进入後在点击"进阶系统设定"
https://ithelp.ithome.com.tw/upload/images/20210912/20092056SH17smnTeG.png

然後再点击环境参数
https://ithelp.ithome.com.tw/upload/images/20210912/20092056IMBlmwZnyT.png

检查path中是否有flutter/bin的参数(点击编辑)

https://ithelp.ithome.com.tw/upload/images/20210912/20092056LzRM6PSAGA.png
没有的话请添加您刚刚下载并放入的位置(例如 C:\flutter)
https://ithelp.ithome.com.tw/upload/images/20210912/20092056hcHeclSPAP.png

设定完之後打开 Windows PowerShell

输入 where.exe flutter dart 就可以知道是否设定成功。

安装android studio

安装完之後使用 Windows PowerShell运行 futter doctor

检查是否有抓取到 Android Studio 的位置

没有的话可以输入

flutter config --android-studio-dir 'C:\Program Files\Android\Android Studio'

指令的後面是android studio的位置 ,须根据安装的位置而修改。

安装 Android CMD Line tool

https://ithelp.ithome.com.tw/upload/images/20210912/20092056qGGBqPMGE4.png
https://ithelp.ithome.com.tw/upload/images/20210912/20092056fFUa2CmxYI.png

安装完之後在运行 flutter doctor 会发现还要输入 flutter doctor --android-licenses

输入完之後就可以看到成列的勾勾了。

启动桌面板的支援

32位元的

flutter config --enable-windows-desktop

这边掠过了 官网中的 配置 Android 设备 以及 配置 Android 模拟器

有需要可以去官网查看。


<<:  存取不可路由(non-routable)的网路资源-Proxy

>>:  今天学习flask怎麽做一个blog

撰写http request 的测试(golang)(Day24)

文章同步更新於https://kevinyay945.com/smart-home-tutorial...

[火锅吃到饱-14] 陈师傅麻辣火锅 #营业到半夜两点

先附上店家的Google Maps,跟消费方式: 双十国庆连假开始... 一个月没发片了,原本的预定...

JavaScript Day15 - event(2)

event 查目前网页的 event,开启 Chrome 的开发者工具,点选 Elements,之後...

Day 14 - swift一些重要的细节

这几天差不多基本的都说完了。 所以今天我来给大家带一点一些很重要,但前面没讲到的细节。 错误处理 -...

Day16:【技术篇】SQL之基本CRUD处理能力

一、前言   对於全端工程师的工作内容与心法,我在前面15天的系列文章中已简单列出并加以介绍,而这篇...