Dart开发环境和Flutter项目目录结构

397 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第四天,点击查看活动详情

本部分主要介绍Dart开发环境和Flutter项目目录结构的构成和划分。方便大家能快速的入门,后续主要分享Dart和Flutter的控件相关。

 一、Dart官方文档

如有问题可以参考官方文档,初期学习也主要是从官方文档开始,是个很好的学习途径。

Dart官方文档地址

二、开发环境

我这边主要使用的电脑是window,所以关于部分的mac电脑问题,会处理不到。 以下是官方安装途径:

window:Dart for Windows

mac:如果mac电脑没有安装brew这个工具首先第一步需要安装它:brew工具地址

brew tap dart-lang/dart
brew install dart

三、开发工具

常用的开发工具,我这边使用过IntelliJ IDEA,Android Studio,VSCode,来创建项目,开发场景和环境配置见上篇文章# Flutter入门--环境搭建和项目创建

IntelliJ IDEA:setting-- Plugins-- 搜索Dart

Android Studio:setting-- Plugins-- 搜索Dart

WebStorm

VSCode:扩展插件---搜索Dart

四、Flutter项目目录结构

项目目录结构主要分以下几个模块组成:

android:android平台相关代码,与flutter交互方面

ios:ios平台相关代码,与flutter交互方面

web:web平台相关代码

lib:flutter相关代码,项目的主要代码

test:用于存放测试代码

pubspec.yaml:配置文件,一般存放一些第三方的依赖。

最后

以上是本章分享的主要内容,介绍Dart相关和Flutter项目目录结构,为后续学习提供基础。后面我会主要从Dart和Flutter相关方面来介绍相关知识,希望对大家有帮助。