持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第7天，点击查看活动详情
目录
2.【Flutter从0到1】番茄计时APP：原型图+功能梳理
4.【Flutter从0到1】番茄计时APP：跑通第一个页面
5.【Flutter从0到1】番茄计时APP：Dart 语言速览基础篇
上篇文章，我们搭建好了基础环境，安装了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上，有想要一起学习的同学自取哈！