【Flutter从0到1开发APP】番茄计时APP：跑通第一个页面

前言

上篇文章，我们搭建好了基础环境，安装了flutter、xcode、Android Studio，配置好了基础环境，这一篇搭建基础项目并跑起来。

首先打开vscode，安装好flutter插件。

然后开始初始化项目，首先打开命令面板，输入flutter，选择flutter: New Project

然后选择Application

选择项目路径后，输入项目名称

稍等片刻，项目初始化完成。

和所有项目一样，我们先看下目录结构：

demo
├── .dart_tool //dart工具信息
├── .idea //项目基本信息
├── android //Android端代码
├── build //编译后文件
├── ios //iOS端代码
├── lib //主要写代码的目录，Dart代码目录
├── linux //Linux端代码
├── macos //mac端代码
├── test //测试代码
├── web //web项目代码
├── windows //windows端代码
├── .gitignore //git忽略配置文件
├── .metadata //IDE用来记录某个Flutter项目属性的的隐藏文件
├── .packages //pub工具需要使用的，包含 package 依赖的 yaml 格式的文件
├── analysis_options.yaml //flutter代码规范
├── demo.iml //工程文件的本地路径配置
├── pubspec.lock //当前项目依赖所生成的文件
├── pubspec.yaml //管理第三方库及资源的配置文件
├── README.md //关于项目

接下来我们跑一个demo试试（之前的环境和软件都装在mac电脑上了，写这篇文章时用的windows电脑，所以就先跑一个web项目演示一下，后续在补上其他端的演示）。

进入项目根目录：

输入：flutter run -d chrome

接下来在浏览器中即可看到运行的demo项目。

接下来又可以快乐写代码了，下一篇我会把代码放到github上，有想要一起学习的同学自取哈！

这篇好文章是转载于：学新通技术网