1.为什么用vscode创建
用andrio studio 项目创建 太占用内存了,学习阶段用vscode创建减少内存,正式项目还是要用andrio studio创建
2.创建项目目录
在自己舒适的一个文件夹下 进入命令行工具
flutter create xxxxx
这样创建,xxxx 这个是项目名称
3.打开项目
打开项目文件夹,进入命令行输入
code ./
如果提示code不存在,Mac电脑参考 https://blog.csdn.net/u013075460/article/details/122819280 进行配置
4.修改国内配置:
参考 http://zhongyi.666443.xyz/doc-sections-25-154-1.htm
5.项目结构
打开后注意主要关注下面两个
以下是每个目录的作用:
lib/:包含Dart代码,是应用程序的核心目录。通常会包含一个名为main.dart的文件,该文件是应用程序的入口点。主要在这个目录中实现App的主要功能。
android/:包含Android原生代码和配置文件,例如gradle文件、AndroidManifest.xml等。在这个目录中可以进行Android原生相关的配置和自定义,例如添加自定义的Gradle插件或者添加第三方库等。
ios/:包含iOS原生代码和配置文件,例如Xcode项目文件、Info.plist等。在这个目录中可以进行iOS原生相关的配置和自定义,例如添加自定义的CocoaPods依赖或者添加第三方库等。
test/:包含应用程序的测试代码,通常使用Flutter自带的测试框架进行单元测试和集成测试。
pubspec.yaml:应用程序的依赖和配置文件,其中包含了应用程序所依赖的第三方库的名称、版本以及其他配置信息。
web目录:web目录是Flutter项目的Web平台代码目录,用于在Web平台上运行Flutter应用程序。
windows目录:windows目录是Flutter项目的Windows平台代码目录,用于在Windows平台上运行Flutter应用程序。
也就是说我们要编写的代码基本上都是写在 lib 目录下的,pubspec.yaml 使用来管理依赖的,而android、ios、web、windows目录都是针对各个平台的配置和实现。
除了以上目录之外,还有一些不需要太关注的文件和目录,例如:
pubspec.lock文件是Flutter项目中的一个自动生成的文件,用于记录当前项目所依赖的所有Dart软件包及其版本信息。在Flutter项目中,pubspec.lock文件通常被提交到源代码库中,以确保开发团队和自动化构建系统都使用相同的软件包版本。
.dart_tool:主要作用是缓存Flutter或Dart工具链生成的中间文件和缓存文件。
build:Flutter项目构建过程中自动生成的目录,用于存放构建后的应用程序文件和其他相关文件。
README.md:应用程序文档,通常包含应用程序的介绍、使用说明、开发文档等。
.gitignore:忽略Git版本控制的文件列表。
LICENSE:应用程序的许可证文件。
analysis_options.yaml:应用程序的代码分析配置文件,用于设置代码风格和规范等。
这里说一下 analysis_options.yaml ,我们在编写代码的时候,经常会有一些警告或提示,告诉我们代码可能有优化的地方,这些代码的规范都是通过analysis_options.yaml 来配置的。如果不想要这些提示可以将 analysis_options.yaml 文件删掉或屏蔽掉里面的内容,但是不建议这么做,毕竟这些代码的规范性提示不影响代码的运行,也让我们知道如何更规范的编写代码。(老项目切换到新项目可以删掉这个)
6.运行项目
先启动虚拟设备,然后在fluuter run 运行