文章目录

  • 前言
  • 一、Flutter的安装和配置
  • 1.获取Flutter SDK
  • 2.遇到的问题
  • 3.另附:VS code切换中文
  • 总结



前言

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

docker设置flask运行环境 docker flutter_docker设置flask运行环境


b、G盘创建一个目录Flutter,打开git命令窗口,ctrl+右键(前提安装了git)

docker设置flask运行环境 docker flutter_重启_02


c、执行命令:

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

docker设置flask运行环境 docker flutter_flutter_03


d、下载完成之后,Flutter路径为:D:\Flutter\flutter,找到flutter_console.bat双击运行,就可以在命令行运行flutter命令了。执行flutter doctor下载依赖和编译

docker设置flask运行环境 docker flutter_flutter_04


docker设置flask运行环境 docker flutter_github_05


e、将Flutter安装目录配置到环境变量中

此电脑->属性->高级系统设置->高级->环境变量

在“用户变量”下的“Path”条目点击新建:

将G:\Flutter\bin路径添加进去

docker设置flask运行环境 docker flutter_docker设置flask运行环境_06

f、Android Studio下载插件(flutter、dart)

docker设置flask运行环境 docker flutter_重启_07


docker设置flask运行环境 docker flutter_flutter_08


docker设置flask运行环境 docker flutter_docker设置flask运行环境_09


现在就可以创建Flutter项目了

docker设置flask运行环境 docker flutter_flutter_10


docker设置flask运行环境 docker flutter_docker设置flask运行环境_11


docker设置flask运行环境 docker flutter_docker设置flask运行环境_12

2.遇到的问题

(1)run flutter doctor时报错

docker设置flask运行环境 docker flutter_flutter_13


原因:flutter sdk 不对,我从github下载的,下载几次都是失败的,

解决:后来用了其他地方下载的sdk就没问题 flutter sdk下载(2)as不能热加载,闪电图标置灰

docker设置flask运行环境 docker flutter_重启_14


原因:连接的设备可能掉线了

解决:重启运行项目,然后就可以预加载了(3)flutter项目引用图片时报错

pubspec.yaml文件要放开资源文件配置的注释

原因:前面有空格,没有对齐

docker设置flask运行环境 docker flutter_docker设置flask运行环境_15


解决:去掉空格,如果要引用很多图片,把图片统一放入一个文件夹,然后引用文件夹的路径即可

3.另附:VS code切换中文

另附:VS code由于配置比较简单,这里不详细写,只记录一下英文切换中文的方法

这里需要使用快捷键【Ctrl+Shift+P】来实现

在弹出的搜索框中输入【configure language】,然后选择搜索出来的【Configure Display Language】

docker设置flask运行环境 docker flutter_flutter_16


安装完重启之后

docker设置flask运行环境 docker flutter_docker设置flask运行环境_17


再次重启,搞定


总结

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