混口饭吃 - Flutter

2023-05-22 609 阅读1分钟

.zshrc环境变量配置

export PUB_HOSTED_URL=https://pub.flutter-io.cn export 
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 
export PATH=/Users/lambert/Library/flutter/bin:$PATH

关于提示：The file name 'xxxX.dart' isn't a snake_case identifier. Try changing the name to follow the snake_case style.

在 Flutter 中，通常使用 snake_case 命名约定来命名文件、变量和函数。snake_case 指的是使用小写字母，单词之间用下划线（_）分隔的命名风格。就是用下划线法，不要用驼峰。

Flutter 中的代码模板

在 Flutter 中，可以使用代码片段（code snippets）来帮助您快速生成常见的代码模板；
代码片段通常是在集成开发环境（IDE）中提供的，而不是直接由 Flutter 本身提供；
在 Visual Studio Code 中，可以通过在新文件中键入 "stful"，然后按下 Tab 键，即可生成一个基本的有状态的 Flutter 小部件模板；
在 Android Studio 中，可以使用 "stful" 作为快捷方式，然后按下 Tab 键来生成相同的模板。、

在 Flutter 中自定义代码模板

在 VSCode 中，可以使用 dart.json.code-snippets 文件来保存代码块，通常会在项目根目录创建一个名为 .vscode 的文件夹来保存这个文件；
该文件通常采用JSON格式，并包含一组键值对，每个键值对表示一个代码片段。

//prefix：代码片段的前缀。在编辑器中键入此前缀，然后按下Tab键，代码片段将被展开；
//body：代码片段的内容，以数组形式表示，每个元素代表代码的一行；
//description：代码片段的描述，可选项。
{
  "NaviPush": {
    "prefix": "naviPush",
    "body": [
      "Navigator.push(",
      "  context,",
      "  MaterialPageRoute(builder: (context) => ${1:Page}),",
      ");"
    ],
    "description": "Navi push snippet"
  }
}