关于pc使用flutter的信息

vscode 中flutter找不到模拟器

记录一个学习flutter中的小问题。

主要从事网页设计、PC网站建设（电脑版网站建设）、wap网站建设（手机版网站建设）、响应式网站开发、程序开发、微网站、微信小程序定制开发等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了丰富的成都网站设计、成都网站建设、网络营销经验，集策划、开发、设计、营销、管理等多方位专业化运作于一体，具备承接不同规模与类型的建设项目的能力。

我使用的是mac电脑开始学习flutter。在使用vs code中突然找不到模拟器了。 直接走web调试或者真机调试，在vscode上也找不到选择模拟器的地方。

查找问题：

1.执行flutter doctor。发现找不到fluterr的命令了。很明显是flutter的环境变量没设置进去。很神奇明明前面一直在使用。

2.打印环境变量

果然没有。突然记起我安装fluter的时候图方便直接执行的

来添加环境变量的。flutter官网上有说明这个只能暂时针对当前命令行窗口设置PATH环境变量。然后还是老老实实的去～/.bash_profile中设置了环境变量。果然运行良好。

Flutter 之 文件操作（二十九）

Dart的 IO 库包含了文件读写的相关类，它属于 Dart 语法标准的一部分，所以通过 Dart IO 库，无论是 Dart VM 下的脚本还是 Flutter，都是通过 Dart IO 库来操作文件的，不过和 Dart VM 相比，Flutter 有一个重要差异是文件系统路径不同，这是因为Dart VM 是运行在 PC 或服务器操作系统下，而 Flutter 是运行在移动操作系统中，他们的文件系统会有一些差异。

Android 和 iOS 的应用存储目录不同， PathProvider 插件提供了一种平台透明的方式来访问设备文件系统上的常用位置。该类当前支持访问两个文件系统位置：

File代表一个整体的文件,他有三个构造函数，分别是：

文件读取本身有两种形式，一种是文本，一种是二进制。

2.2.1 读取文本内容

如果是文本文件，File提供了readAsString、readAsLines、readAsStringSync、readAsLinesSync方法，读取文本内容

readAsString 一次性读取所有文本

readAsLines 一行行的读取文本

结果返回的是一个List，list中表示文件每行的内容

readAsStringSync、readAsLinesSync同步读取文本

2.2.2 读取二进制内容

如果文件是二进制，那么可以使用readAsBytes或者同步的方法readAsBytesSync:

dart中表示二进制有一个专门的类型叫做Uint8List,他实际上表示的是一个int的List。

上面提到的读取方式，都是一次性读取整个文件，缺点就是如果文件太大的话，可能造成内存空间的压力。

所以File为我们提供了另外一种读取文件的方法，流的形式来读取文件.

示例

dart提供了open和openSync两个方法来进行随机文件读写：

写入和文件读取一样，可以一次性写入或者获得一个写入句柄，然后再写入。

一次性写入的方法有四种，分别对应字符串和二进制

句柄形式可以调用openWrite方法，返回一个IOSink对象，然后通过这个对象进行写入：

默认情况下写入是会覆盖整个文件的，但是可以通过下面的方式来更改写入模式：

虽然dart中所有的异常都是运行时异常，但是和java一样，要想手动处理文件读写中的异常，则可以使用try,catch:

我们还是以计数器为例，实现在应用退出重启后可以恢复点击次数。 这里，我们使用文件来保存数据：

1.引入PathProvider插件；在pubspec.yaml文件中添加如下声明：

执行 flutter pub get

2.实现如下

参考：

Flutter Web打包中文乱码

flutter web有三种渲染模式，auto 、html 和 canvaskit。

flutter build web命令默认的渲染模式为auto，这种模式在移动端使用html渲染，在pc端使用canvaskit渲染。

目前我的flutter版本是2.5.2，pc端浏览器使用canvaskit渲染时中文会出现短暂的乱码（方块叉号），像这样：

我们可以指定渲染模式为html，就不会有这个问题了，命令如下：

指定渲染模式为canvaskit的命令为：

2021.10.21：flutter web对中文的支持貌似不太好，在手机浏览器调试web项目时，textfield hinttext有中文输入会有卡顿bug