{"id":536,"date":"2026-10-07T14:49:01","date_gmt":"2026-10-07T06:49:01","guid":{"rendered":"https:\/\/www.linerroom.cn\/?p=536"},"modified":"2026-10-07T14:51:10","modified_gmt":"2026-10-07T06:51:10","slug":"flutter-%e5%ba%94%e7%94%a8%e5%88%9b%e5%bb%ba","status":"publish","type":"post","link":"https:\/\/www.linerroom.cn\/?p=536","title":{"rendered":"Flutter \u5e94\u7528\u521b\u5efa"},"content":{"rendered":"\n

\u7b2c\u4e00\u4e2a Flutter \u5e94\u7528<\/h1>\n
\n

\u524d\u7f6e\u6761\u4ef6\uff1a\u5df2\u5b89\u88c5 Flutter SDK\uff0c\u5e76\u901a\u8fc7 flutter doctor<\/code> \u68c0\u67e5\u597d\u5f00\u53d1\u73af\u5883\u3002\n\u672c\u7bc7\u6211\u4eec\u5c06\u4ece\u96f6\u521b\u5efa\u4e00\u4e2a Flutter \u9879\u76ee\uff0c\u628a\u5b83\u8dd1\u8d77\u6765\uff0c\u5e76\u8bfb\u61c2\u9ed8\u8ba4\u6a21\u677f\u7684\u4ee3\u7801\u3002<\/p>\n<\/blockquote>\n

\u5b66\u5b8c\u672c\u6587\u4f60\u5c06\u638c\u63e1\uff1a<\/p>\n

    \n
  1. \u7528 Flutter CLI \u521b\u5efa\u9879\u76ee<\/li>\n
  2. \u5728\u6a21\u62df\u5668 \/ \u6d4f\u89c8\u5668 \/ \u684c\u9762\u7aef\u8fd0\u884c\u5e94\u7528<\/li>\n
  3. \u4f7f\u7528\u70ed\u91cd\u8f7d\u5feb\u901f\u8c03\u8bd5<\/li>\n
  4. \u7406\u89e3 lib\/main.dart<\/code> \u7684\u57fa\u672c\u7ed3\u6784<\/li>\n<\/ol>\n
    \n

    \u4e00\u3001\u4f7f\u7528 Flutter CLI \u521b\u5efa\u9879\u76ee<\/h2>\n

    Flutter CLI \u662f Flutter \u81ea\u5e26\u7684\u547d\u4ee4\u884c\u5de5\u5177\uff0c\u9879\u76ee\u7684\u521b\u5efa\u3001\u8fd0\u884c\u3001\u6784\u5efa\u3001\u6d4b\u8bd5\u90fd\u901a\u8fc7\u5b83\u5b8c\u6210\u3002<\/p>\n

    1. \u521b\u5efa\u65b0\u9879\u76ee<\/h3>\n

    \u6253\u5f00\u7ec8\u7aef\uff0c\u8fdb\u5165\u4f60\u5b58\u653e\u4ee3\u7801\u7684\u76ee\u5f55\uff0c\u6267\u884c\uff1a<\/p>\n

    flutter create my_first_app\n<\/code><\/pre>\n
    my_first_app<\/code> \u662f\u9879\u76ee\u540d\uff0cFlutter \u4f1a\u81ea\u52a8\u751f\u6210\u540c\u540d\u6587\u4ef6\u5939\u53ca\u5168\u90e8\u521d\u59cb\u6587\u4ef6\u3002<\/p>\n
    \u9879\u76ee\u547d\u540d\u89c4\u5219\uff1a<\/p>\n
      \n
    • \u53ea\u80fd\u4f7f\u7528\u5c0f\u5199\u5b57\u6bcd\u3001\u6570\u5b57\u548c\u4e0b\u5212\u7ebf<\/strong><\/li>\n
    • \u5fc5\u987b\u4ee5\u5b57\u6bcd\u6216\u4e0b\u5212\u7ebf\u5f00\u5934<\/li>\n
    • \u4e0d\u80fd\u5305\u542b\u7a7a\u683c\u3001\u4e2d\u5212\u7ebf\u548c\u7279\u6b8a\u5b57\u7b26<\/li>\n<\/ul>\n
      2. \u5e38\u7528\u547d\u4ee4\u53c2\u6570<\/h3>\n
      flutter create<\/code> \u652f\u6301\u4e0d\u5c11\u53c2\u6570\uff0c\u5e38\u7528\u7684\u6709\uff1a<\/p>\n\n\n\n\n\n\n\n\n\n
      \u53c2\u6570<\/th>\n\u4f5c\u7528<\/th>\n\u793a\u4f8b<\/th>\n<\/tr>\n<\/thead>\n
      --org<\/code><\/td>\n\u8bbe\u7f6e\u5e94\u7528\u7684\u7ec4\u7ec7\u6807\u8bc6\uff08\u53cd\u5411\u57df\u540d\u5199\u6cd5\uff0c\u4f1a\u6210\u4e3a Android \u5305\u540d \/ iOS Bundle ID \u7684\u524d\u7f00\uff09<\/td>\n--org com.mycompany<\/code><\/td>\n<\/tr>\n
      --platforms<\/code><\/td>\n\u6307\u5b9a\u751f\u6210\u54ea\u4e9b\u5e73\u53f0\u7684\u5de5\u7a0b\u76ee\u5f55\uff0c\u53ef\u9009 android,ios,web,windows,macos,linux<\/code><\/td>\n--platforms ios,android,web<\/code><\/td>\n<\/tr>\n
      --empty<\/code><\/td>\n\u4f7f\u7528\u6700\u5c0f\u5316\u6a21\u677f\uff0c\u53ea\u751f\u6210\u4e00\u4e2a\u6700\u7b80 main.dart<\/code>\uff0c\u4e0d\u542b\u8ba1\u6570\u5668\u793a\u4f8b<\/td>\nflutter create demo --empty<\/code><\/td>\n<\/tr>\n
      --project-name<\/code><\/td>\n\u5f53\u6240\u5728\u6587\u4ef6\u5939\u540d\u4e0d\u5408\u6cd5\u65f6\uff0c\u5355\u72ec\u6307\u5b9a Dart \u5305\u540d<\/td>\n--project-name my_app<\/code><\/td>\n<\/tr>\n
      --description<\/code><\/td>\n\u8bbe\u7f6e\u9879\u76ee\u63cf\u8ff0\u4fe1\u606f<\/td>\n--description "\u6211\u7684\u7b2c\u4e00\u4e2a\u5e94\u7528"<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
      \u4f8b\u5982\uff0c\u53ea\u9762\u5411 iOS \u548c Android \u521b\u5efa\u9879\u76ee\uff1a<\/p>\n
      flutter create my_first_app --org com.mycompany --platforms ios,android\n<\/code><\/pre>\n
      3. \u521b\u5efa\u8fc7\u7a0b\u7684\u8f93\u51fa<\/h3>\n
      \u6267\u884c\u540e\u7ec8\u7aef\u4f1a\u5217\u51fa\u65b0\u751f\u6210\u7684\u6587\u4ef6\uff0c\u5e76\u81ea\u52a8\u62c9\u53d6\u4f9d\u8d56\uff1a<\/p>\n
      Creating project "my_first_app"...\nResolving dependencies in `my_first_app`... \nGot dependencies in 8.3s.\nWrote 129 files.\n\nAll files written to:\n  \/Users\/you\/code\/my_first_app\n\nYou can find general documentation for Flutter at: https:\/\/docs.flutter.dev\/\n<\/code><\/pre>\n
      \u770b\u5230 Got dependencies<\/code> \u5c31\u8868\u793a\u4f9d\u8d56\u4e0b\u8f7d\u5b8c\u6210\uff0c\u9879\u76ee\u53ef\u4ee5\u8fd0\u884c\u4e86\u3002<\/p>\n
      \n
      \u4e8c\u3001\u8fd0\u884c Flutter \u5e94\u7528<\/h2>\n
      1. \u542f\u52a8\u5e94\u7528<\/h3>\n
      \u8fdb\u5165\u9879\u76ee\u76ee\u5f55\uff0c\u6267\u884c flutter run<\/code>\uff1a<\/p>\n
      cd my_first_app\nflutter run\n<\/code><\/pre>\n
      \u5982\u679c\u5f53\u524d\u53ea\u6709\u4e00\u4e2a\u53ef\u7528\u8bbe\u5907\uff0cFlutter \u4f1a\u76f4\u63a5\u628a\u5e94\u7528\u5b89\u88c5\u5e76\u542f\u52a8\u5230\u8be5\u8bbe\u5907\u4e0a\uff1b\u6709\u591a\u4e2a\u8bbe\u5907\u65f6\u4f1a\u63d0\u793a\u4f60\u9009\u62e9\u3002<\/p>\n
      \u9996\u6b21\u7f16\u8bd1\u9700\u8981\u4e00\u4e9b\u65f6\u95f4\uff08Gradle \/ Xcode \u6784\u5efa\uff09\uff0c\u4e4b\u540e\u518d\u6b21\u8fd0\u884c\u4f1a\u5feb\u5f88\u591a\u3002<\/p>\n
      2. \u6307\u5b9a\u8fd0\u884c\u8bbe\u5907<\/h3>\n
      \u4f7f\u7528 -d<\/code> \u53c2\u6570\u53ef\u4ee5\u76f4\u63a5\u6307\u5b9a\u76ee\u6807\u8bbe\u5907\uff1a<\/p>\n\n\n\n\n\n\n\n\n\n
      \u76ee\u6807\u5e73\u53f0<\/th>\n\u547d\u4ee4<\/th>\n<\/tr>\n<\/thead>\n
      Android \u6a21\u62df\u5668 \/ \u771f\u673a<\/td>\nflutter run -d android<\/code><\/td>\n<\/tr>\n
      iOS \u6a21\u62df\u5668<\/td>\nflutter run -d ios<\/code>\uff08\u6216 -d iphone<\/code>\uff09<\/td>\n<\/tr>\n
      Chrome \u6d4f\u89c8\u5668<\/td>\nflutter run -d chrome<\/code><\/td>\n<\/tr>\n
      macOS \u684c\u9762<\/td>\nflutter run -d macos<\/code><\/td>\n<\/tr>\n
      Windows \u684c\u9762<\/td>\nflutter run -d windows<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
      3. \u67e5\u770b\u6240\u6709\u53ef\u7528\u8bbe\u5907<\/h3>\n
      \u4e0d\u786e\u5b9a\u8bbe\u5907 ID \u65f6\uff0c\u5148\u6267\u884c\uff1a<\/p>\n
      flutter devices\n<\/code><\/pre>\n
      \u8f93\u51fa\u793a\u4f8b\uff1a<\/p>\n
      3 connected devices:\n\nmacOS (desktop)  \u2022 macos  \u2022 darwin-arm64   \u2022 macOS 15.0\nChrome (web)     \u2022 chrome \u2022 web-javascript \u2022 Google Chrome 130\niPhone 16 Pro    \u2022 xxxxxx \u2022 ios            \u2022 com.apple.CoreSimulator.SimRuntime.iOS-18-0\n<\/code><\/pre>\n
      \u4e5f\u53ef\u4ee5\u7528\u6a21\u62df\u5668 ID \u7cbe\u786e\u6307\u5b9a\uff1a<\/p>\n
      flutter run -d xxxxxx\n<\/code><\/pre>\n
      4. \u8fd0\u884c\u65f6\u7684\u7ec8\u7aef\u5feb\u6377\u952e<\/h3>\n
      flutter run<\/code> \u542f\u52a8\u540e\uff0c\u7ec8\u7aef\u4f1a\u8fdb\u5165\u70ed\u91cd\u8f7d\u63a7\u5236\u53f0\uff0c\u5e38\u7528\u6309\u952e\uff1a<\/p>\n\n\n\n\n\n\n\n\n\n
      \u6309\u952e<\/th>\n\u529f\u80fd<\/th>\n<\/tr>\n<\/thead>\n
      r<\/code><\/td>\n\u70ed\u91cd\u8f7d\uff08Hot Reload\uff09<\/td>\n<\/tr>\n
      R<\/code><\/td>\n\u70ed\u91cd\u542f\uff08Hot Restart\uff0c\u91cd\u7f6e\u5e94\u7528\u72b6\u6001\uff09<\/td>\n<\/tr>\n
      o<\/code><\/td>\nAndroid\/iOS \u5207\u6362\u8c03\u8bd5\u5e73\u53f0\u6a21\u5f0f<\/td>\n<\/tr>\n
      q<\/code><\/td>\n\u9000\u51fa\u5e94\u7528\u5e76\u7ed3\u675f\u8fd0\u884c<\/td>\n<\/tr>\n
      h<\/code><\/td>\n\u67e5\u770b\u5168\u90e8\u5e2e\u52a9\u547d\u4ee4<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
      \n
      \u4e09\u3001\u70ed\u91cd\u8f7d\uff08Hot Reload\uff09<\/h2>\n
      \u70ed\u91cd\u8f7d\u662f Flutter \u6700\u5177\u4ee3\u8868\u6027\u7684\u5f00\u53d1\u7279\u6027\uff1a<\/p>\n
        \n
      1. \u5728\u7f16\u8f91\u5668\u91cc\u4fee\u6539 Dart \u4ee3\u7801\u5e76\u4fdd\u5b58\uff1b<\/li>\n
      2. \u56de\u5230\u8fd0\u884c\u4e2d\u7684\u7ec8\u7aef\u6309 r<\/code>\uff08\u5728 VS Code \/ Android Studio \u4e2d\u4fdd\u5b58\u6587\u4ef6\u4f1a\u81ea\u52a8\u89e6\u53d1\uff09\uff1b<\/li>\n
      3. \u7ea6 1 \u79d2\u5185\uff0c\u6a21\u62df\u5668\u6216\u771f\u673a\u4e0a\u7684\u754c\u9762\u5c31\u4f1a\u5237\u65b0\u6210\u6700\u65b0\u4ee3\u7801\u3002<\/li>\n<\/ol>\n
        \u70ed\u91cd\u8f7d\u7684\u7279\u70b9\uff1a<\/p>\n