边学边写搞flutter第一弹:flutter新项目跑不起来

这是我参与2022首次更文挑战的第1天,活动详情查看:2022首次更文挑战

第一步:配置flutter环境

这里的具体教程,我要是在这里写一遍,那就是抄袭了,而且我在复述一遍也不一定有官网的详尽,所以这里就给一下官网的链接了, >> 点此查看

点击进入之后是选择自己在用的电脑系统,之后按照教程走就完事儿了。

image.png

本文要说的是跟着教程走之后,开始新建项目的时候要出现的几个问题。

一、配置模拟手机

基于Windows配置的Android studio,需要在tools > AVD manager 中配置一个模拟设备,可自选。我配置的是Pixel 4a API 30,读者可自选,有部分设备无法按照教程去配置Emulated Performance

如果是使用vscode的话, 右下角默认(no device) 点击之后选择自己配置的模拟设备。

如果是使用Android studio, 右上角启动设备之后,会自动连接模拟设备,然后热运行。

二、新项目运行

使用编辑器创建好项目之后,如果有梯子的话开着梯子运行相安无事,可是开着的梯子如果是付费的,又不作他用,多少有点浪费了。

国内环境运行的话,需要修改基础配置。配置如下。

maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
复制代码

image.png

新增图片文件夹

在学习过程中、开发过程中,使用本地图片肯定是静态资源的首选。

flutter使用本地图片,在根目录创建好图片文件夹之后,需要修改配置文件pubspec.yaml,如下图找到assets配置项,取消注释之后,将自己需要使用的图片地址新增进去。

image.png

Guess you like

Origin juejin.im/post/7054334052421074974