Flutter开发(二)、安装和配置


前言

Flutter的安装和配置,运行第一个flutter


一、Flutter的安装和配置

1.获取Flutter SDK

(1)、去flutter官网下载其最新可用的安装包,点击下载
(2)、去github下载

我选择的是第二个,步骤如下
a、添加镜像

打开环境变量
新建 PUB_HOSTED_URL=https://pub.flutter-io.cn
新建 FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

在这里插入图片描述
b、G盘创建一个目录Flutter,打开git命令窗口,ctrl+右键(前提安装了git)
在这里插入图片描述
c、执行命令:

git clone -b stable https://github.com/flutter/flutter.git

在这里插入图片描述
d、下载完成之后,Flutter路径为:D:\Flutter\flutter,找到flutter_console.bat双击运行,就可以在命令行运行flutter命令了。执行flutter doctor下载依赖和编译
在这里插入图片描述
在这里插入图片描述
e、将Flutter安装目录配置到环境变量中
此电脑->属性->高级系统设置->高级->环境变量
在“用户变量”下的“Path”条目点击新建:
将G:\Flutter\bin路径添加进去
在这里插入图片描述

f、Android Studio下载插件(flutter、dart)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
现在就可以创建Flutter项目了
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.遇到的问题

(1)run flutter doctor时报错
在这里插入图片描述
原因:flutter sdk 不对,我从github下载的,下载几次都是失败的,
解决:后来用了其他地方下载的sdk就没问题 flutter sdk下载

(2)as不能热加载,闪电图标置灰
在这里插入图片描述
原因:连接的设备可能掉线了
解决:重启运行项目,然后就可以预加载了

(3)flutter项目引用图片时报错
pubspec.yaml文件要放开资源文件配置的注释
原因:前面有空格,没有对齐
在这里插入图片描述
解决:去掉空格,如果要引用很多图片,把图片统一放入一个文件夹,然后引用文件夹的路径即可

3.另附:VS code切换中文

另附:VS code由于配置比较简单,这里不详细写,只记录一下英文切换中文的方法
这里需要使用快捷键【Ctrl+Shift+P】来实现
在弹出的搜索框中输入【configure language】,然后选择搜索出来的【Configure Display Language】
在这里插入图片描述
安装完重启之后
在这里插入图片描述
再次重启,搞定


总结

AS之前配置好信息的,配置Flutter就相对比较简单,只要下载Flutter插件,下载Flutter sdk,在系统环境变量配置好信息就ok了。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值