作品集>

Flutter 作品集 – 作者：@Aaldn

实时预览 ?

功能 ✨

? 响应式和自适应设计，灵感来自 Brittany Chiang ? 由 Andrea Bizzotto 提供的 Riverpod 架构 ? 功能优先结构 ? 多语言 ? 多主题 ? 多平台（Android、iOS、macOS、Windows、Linux、Web）

使用的包 ?

以下是应用中使用的主要软件包

有关完整列表，请参阅 pubspec.yaml 文件

Fork 并使用 Firebase 部署 ?

如果尚未安装，请安装 Flutter

Fork 并克隆此仓库（查看如何 fork 和 clone 仓库）

导航到您的作品集目录

$ cd portfolio

安装依赖项

$ flutter pub get

生成器 ?

1. 运行代码生成器

$ dart run build_runner build -d

有关其他信息，请参阅 build_runner 文档

$ dart run easy_localization:generate -S assets/translations -f json -O lib/src/localization/generated -o locale_json.g.dart
$ dart run easy_localization:generate -S assets/translations -f keys -O lib/src/localization/generated -o locale_keys.g.dart

Firebase ?

如果尚未安装，请安装 Firebase CLI

1. 登录 Firebase

$ firebase login

2. 安装 FlutterFire CLI

$ dart pub global activate flutterfire_cli

3. 创建一个新的 Firebase 项目

$ firebase projects:create

? Please specify a unique project id (warning: cannot be modified afterward) [6-30 characters]:
 <my-unique-project-id>
? What would you like to call your project? (defaults to your project ID) <my-unique-project-id>

4. 为您的作品集设置 Firebase 项目

$ firebase use --add

? Which project do you want to add? (Use arrow keys)
❯ <my-unique-project-id>
? What alias do you want to use for this project? (e.g. staging) default

5. 配置您的应用以使用 Firebase

$ flutterfire configure

i Found 1 Firebase projects. Selecting project <my-unique-project-id>.
? Which platforms should your configuration support (use arrow keys & space to select)? › 
✔ android                                                
✔ ios                                                    
✔ macos                                                  
✔ web                                                    
✔ windows                                                
✔ linux

有关其他信息，请参阅 Firebase 设置文档

6. 初始化 Firebase 托管

$ firebase init hosting

? What do you want to use as your public directory? (public) build/web
? Configure as a single-page app (rewrite all urls to /index.html)? (y/N) y
? Set up automatic builds and deploys with GitHub? (y/N) N

$ flutter build web --web-renderer canvaskit --release --no-tree-shake-icons
$ firebase deploy --only hosting

个性化 ?️

注意：进行更改后，请确保 重新部署您的在线作品集

内容 ?

1. 作品集内容：修改或添加 assets/translations 文件夹内的 JSON 翻译文件，以自定义作品集内容。别忘了 重新生成您的本地化文件。要了解 JSON 翻译文件的结构，请参阅 翻译模板

如果您添加或删除了 JSON 翻译文件，请记住更新您其他翻译文件中的 languages 键。同时，更新 lib/src/localization/app_localizations.dart 中的支持的语言环境

有关其他信息，请参阅 easy_localization 文档

2. 您的描述：在 build/web/index.html 中更改您描述的内容

<meta name="description" content="...">

主题 ?

1. 启动图标和启动画面：在 pubspec.yaml 中更新您的启动图标和启动画面

然后，运行

$ dart run flutter_launcher_icons
$ dart run flutter_native_splash:create

有关其他信息，请参阅 flutter_launcher_icons 和 flutter_native_splash 文档

许可？

本项目根据 MIT 许可证授权 - 有关详情，请参阅 LICENSE 文件

GitHub

查看 Github