前言
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了。