Flutter 创建工程(Create New Flutter Project)

一件事实是一条没有性别的真理。 —— 纪伯伦

目录

1、开发工具Android Studio 3.3.2。

2、创建工程流程:

3、工程目录结构:

4、Terminal 输入命令或者直接点击命令(Packages get | Packages upgrade | Flutter upgrade | Flutter doctor)

5、热重载,带有闪电⚡️图标的按钮:

6、开源软件包:

7、驼峰命名法:

8、Flutter快速布局工具以及使用教程:


1、开发工具Android Studio 3.3.2。

2、创建工程流程:

File —> New —> New Flutter Project —> 选择Flutter Application —> Configure the new Flutter application

Project name:项目名称

Flutter SDK  path : SDK路径 (https://flutter.dev/docs/get-started/install)

Project Location:项目路径

Description:项目描述 (例如:A new Flutter application.)

3、工程目录结构:

pubspec.yaml:

name:包名(很重要,如果修改了name所有的dart的文件的import前引用的本地的文件啊的包名都需要修改)

description:描述(例如:A new Flutter application.)

version:包的版本

author:包的作者

dependencies: # 指定包的依赖
  flutter:
    sdk: flutter
例如:cupertino_icons、english_words、geetest_plugin、cached_network_image、相关依赖
cupertino_icons: ^0.1.2
english_words: ^3.1.0
#geetest_plugin: ^0.1.6 #极验
cached_network_image: ^0.7.0 #图片加载与缓存
flutter_swiper: ^1.0.6 #轮播图
dev_dependencies:(开发者模式依赖库)
  flutter_test:
    sdk: flutter
  fluro: "^1.3.4"

uses-material-design: true(可以使用预定义Material icons)https://material.io/tools/icons/
引入图片文件:(images文件下存放了各种图片,images文件夹被创建在和android、ios、lib、test文件夹同级目录下)
assets:
- images/mine/ic_my_shape.png
- images/mine/ic_lancher.png

android:android平台相关代码

ios:ios平台相关代码

lib:flutter相关代码,编码的相关文件

pubspec.lock:当你添加一个依赖包运行命令:flutter packages get,Flutter将找到包的版本保存在pubspec.lock

.gitignore:(给Flutter项目添加.gitignore文件以及如何修改.gitignore文件并生效https://blog.csdn.net/qq_26287435/article/details/88736940)

.flutter-plugins:(是根据当前依赖自动生成的,里面包含了当前Flutter工程所依赖(直接依赖和传递依赖)的Flutter子工程与绝对路径的K-V关系,子工程可能是一个Flutter Plugin或者是一个Flutter Package)

test:测试相关文件夹

4、Terminal 输入命令或者直接点击命令(Packages get | Packages upgrade | Flutter upgrade | Flutter doctor)

Packages get /flutter packages get:获取pubspec.yaml文件中列出的所有依赖包

Packages upgrade/flutter packages upgrade:获取pubspec.yaml文件中列出的所有依赖包的最新版本

Flutter upgrade:要同时更新Flutter SDK和你的依赖包

flutter channel:查看flutter的SDK分支。

flutter channel beta /flutter channel master:要切换分支

flutter doctor:查看SDK的安装是否需要需要任何依赖来完成安装

5、热重载,带有闪电⚡️图标的按钮:

Flutter 可以通过 热重载(hot reload) 实现快速的开发周期,热重载就是无需重启应用程序就能实时加载修改后的代码,并且不会丢失状态。

6、开源软件包:

开源软件包访问地址:https://pub.dev/flutter(pub.dartlang.org)

7、驼峰命名法:

 “驼峰命名法” (称为 “upper camel case” 或 “Pascal case” ), 表示字符串中的每个单词(包括第一个单词)都以大写字母开头。所以,“uppercamelcase” 变成 “UpperCamelCase”

8、Flutter快速布局工具以及使用教程:

https://flutterstudio.app/

发布了22 篇原创文章 · 获赞 17 · 访问量 6932

猜你喜欢

转载自blog.csdn.net/u013491829/article/details/90177495
今日推荐