学习前言

最近准备学习Flutter,参考B站 Dart Flutter教程_2022精讲Dart Flutter3.x入门实战教程在这里做下学习笔记。如果你也在学习Flutter, 可以仔细阅读这篇文章，了解一下学习过程中踩过的坑。

dart安装

我使用的是windows系统，访问 https://dart.dev/get-dart#windows 获取dart安装命令，安装过程如下：

windows需要先安装Chocolatey ，以管理员身份运行powershell 输入以下命令：

 Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))

成功后输入 choco install dart-sdk；
这一步可能会报 storage.googleapis.com无法访问问题，可以点击问题参考解决方案；
然后你会发现命令还是会失败，所以我采用更简单的方式点击下载2.18.3安装包让后解压到你要安装的位置；
配置环境变量：
![添加环境变量]![在这里插入图片描述]直https://接上传(blig.csdnimg.cn/5m4b2-50aoTUj197407bb931926bd6ebdb.pngd8)![添加环境变量]]
powershell 输入： dart --version
安装成功；

vscode配置

开发工具这里使用的vscode，具体配置如下：

打开vscode，选择左侧扩展按钮，输入框输入dart选择安装
安装code runner插件，运行dart需要使用

持续更新中

Flutter学习笔记（一）相关推荐

Flutter学习笔记（10）--容器组件、图片组件
如需转载,请注明出处:Flutter学习笔记(10)--容器组件.图片组件上一篇Flutter学习笔记(9)--组件Widget我们说到了在Flutter中一个非常重要的理念"一切皆为组件 ...
Flutter学习笔记 —— 完成一个简单的新闻展示页
Flutter学习笔记 -- 完成一个简单的新闻展示页前言思路分析案例代码结束语上图前言刚学Flutter不久,今天我们来看看如何使用 Container & ListView实 ...
Flutter学习笔记（18）--Drawer抽屉组件
如需转载,请注明出处:Flutter学习笔记(18)--Drawer抽屉组件 Drawer(抽屉组件)可以实现类似抽屉拉出和推入的效果,可以从侧边栏拉出导航面板.通常Drawer是和ListView组 ...
Flutter学习笔记--Gridview网格组件制作相册
Flutter学习笔记–Gridview网格组件制作相册效果: GridView可以构建一个二维网格列表,其官方定义参考: https://book.flutterchina.club/chapte ...
Flutter学习笔记（二）登陆注册界面的实现
Flutter学习笔记(二)登陆注册界面的实现简单的登录和注册界面的布局 SharedPreferences存储数据页面路由和参数传递的心得这几天按照顺序先完成了登录和注册的页面,没有什么特别的 ...
Flutter学习笔记之-圆形头像实现方式
Flutter学习笔记之-圆形头像实现方式开发中如何实现类似圆形图片 Container+BoxDecoration来实现圆角图像 class DemoWidget extends Stateles ...
Flutter学习笔记 —— CustomPainter自定义画布绘制爱心
Flutter学习笔记 -- CustomPainter自定义画布绘制爱心前言效果图代码示例温馨提示结束语前言最近在学习Flutter中 Canvas相关内容,今天尝试写了一个爱心Dem ...
Flutter学习笔记08-Padding Row Column Flex Expanded组件详解
学习视频地址:https://www.bilibili.com/video/BV1S4411E7LY?p=27&spm_id_from=pageDriver&vd_source=cee ...
Flutter学习笔记学习资料推荐，大学生android开发项目实例
Flutter开发中的一些Tips Flutter开发中的一些Tips(二) Flutter开发中的一些Tips(三) 正确操作Dart中的字符串[译] Flutter三种方式实现页面切换后保持原页面 ...

Flutter学习笔记（一）