Ubuntu下,Flutter安装及在VScode中的配置

1、安装flutter

在自己指定的目录下,新建文件夹,并将源码git clone到本地

$ mkdir flutter
$ cd flutter
 
$ git clone -b master https://github.com/flutter/flutter.git

2、给flutter添加环境变量

#编辑配置文件
$ vi ~/.bashrc 

#在末尾加入以下内容,保存退出
$ export PATH="$PATH:/home/jlm/flutter/bin"

#使新添的环境变量生效
$ source ~/.bashrc

#运行 flutter doctor,检查系统环境和配置,这里需要翻墙,我没翻墙,所以会存在错误
$ flutter doctor

在这里插入图片描述
执行提示内容如上,使用命令$ sudo apt-get install curl安装curl。
再次执行$ flutter doctor

运行结果如下:
在这里插入图片描述

注:结果肯可能会有一些issues,但并不一定要解决所有问题才能开始使用Flutter。在大多数情况下,只需要解决与开发所需功能相关的问题即可。比如我不用安卓,那么和安卓相关的提示就不用去管它。如果有需要的,上面会给出一定的解决方案可供参考。以下是我解决后的执行结果。

在这里插入图片描述

3、在VScode中安装插件

所需插件为flutterdart(因为flutter是个框架,用dart语言实现)。
在这里插入图片描述

4、VScode运行flutter

新建一个文件夹,用vscode打开。并在vscode中打开终端。
使用命令$ flutter help,可以打印出flutter命令的相关用法。

4.1 创建项目

使用命令$ flutter create flutter_test创建项目,发现提示如下:

在这里插入图片描述

可见, 新建的文件名与 Flutter 包依赖项发生冲突。这是因为 ‘flutter_test’ 是一个已经存在的包名或库名。这里我们更换一个项目名称。

在这里插入图片描述
此时,我们创建项目成功。

4.2 运行项目

由以下命令,我们可以将新建的项目跑起来。

$ cd flutter_jlm
$ flutter run

此时,它会下载所需的一些SDK,根据你想要的输入进去。

在这里插入图片描述

我输入了2,等待一会,跳出谷歌界面如下。

在这里插入图片描述

从终端中,我们可以得知,我们在代码中如果作了哪些修改,保存后,按下R,会触发热重启时间。也就是,改动的内容会直接在对应界面上体现出来。

在这里插入图片描述

最后附上dart语法规则网址:https://dart.dev/language

相关推荐

  1. Ubuntu安装VSCode一个指令

    2024-01-19 12:56:02       21 阅读
  2. 1. cgalubuntu安装Hello World测试

    2024-01-19 12:56:02       49 阅读
  3. CGALubuntu安装Hello World测试

    2024-01-19 12:56:02       11 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-19 12:56:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-19 12:56:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-19 12:56:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-19 12:56:02       20 阅读

热门阅读

  1. MySQL 8.0中删除的选项和变量

    2024-01-19 12:56:02       30 阅读
  2. 内网环境横向移动——横向移动威胁

    2024-01-19 12:56:02       28 阅读
  3. UI设计(资源)

    2024-01-19 12:56:02       35 阅读
  4. 【现代控制系统】最小实现与互质分式

    2024-01-19 12:56:02       28 阅读
  5. 2024 年 Vue.js 会发生什么?

    2024-01-19 12:56:02       23 阅读
  6. 【优先队列】378. 有序矩阵中第 K 小的元素

    2024-01-19 12:56:02       33 阅读
  7. MySQL对标准SQL的扩展

    2024-01-19 12:56:02       30 阅读
  8. Android studio Sqlite数据库应用设计

    2024-01-19 12:56:02       34 阅读
  9. initdb: command not found【PostgreSQL】

    2024-01-19 12:56:02       26 阅读
  10. 《设计模式的艺术》笔记 - 外观模式

    2024-01-19 12:56:02       34 阅读