Flutter 团队推荐使用支持 Flutter 插件的编辑器,以获取更好的开发体验。
可以为 Visual Studio Code、Android Studio 以及 IntelliJ IDEA(Community、Educational、Ultimate 版)添加编辑器支持的插件。
一、步骤参考:
1.fluter按照:
- 1.1.flutter中国官网/下载:https://docs.flutter.dev/community/china
- 1.2.在中国网络环境下使用 Flutter安装配置的方法:https://flutter.cn/community/china?tab=macos
- 1.3使用vscode安装:https://flutter.cn/docs/get-started/install/macos/mobile-android?tab=first-start
- 1.4 中文社区提供的环境搭建文档:https://book.flutterchina.club/chapter1/install_flutter.html#_1-3-4-%E5%B8%B8%E8%A7%81%E9%85%8D%E7%BD%AE%E9%97%AE%E9%A2%98
2.安装 Flutter 和 Dart 插件:https://flutter.cn/docs/get-started/editor?tab=androidstudio
3.配置andorid开发:https://flutter.cn/docs/get-started/install/macos/mobile-android?tab=first-start
二、个人实际操作和1.2的上面官网稍不同一些:(做完下面的,还要做上面的2、3)
上面文档里面少写了一些详细方法,所以flutter doctor 验证一次成功了,再打开新的终端输入flutter doctor报没有安装flutter。后面结合GPT重新梳理了一下:
1.在 terminal 中打开新窗口,准备运行脚本。
2.将 PUB_HOSTED_URL 设置为镜像站点。
export PUB_HOSTED_URL="https://pub.flutter-io.cn"
3.将 FLUTTER_STORAGE_BASE_URL 设置为镜像站点。
export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"
4.从镜像站点下载 Flutter 压缩包。在你常用的浏览器中访问并下载 Flutter SDK 压缩包。
5.创建一个路径存放fullter,我存放在 /users/xxxx/development/ 下面。
把fullter sdk下载下来后,解压到这个路径里面。
6.将 Flutter 添加到你的 PATH 环境变量中:
- 输入以下命令来编辑你的 shell 配置文件。如果你使用的是 Bash shell,通常的配置文件是 ~/.bash_profile 或 ~/.bashrc。如果你使用的是 Zsh shell,则是 ~/.zshrc。我的是Zsh:
vim ~/.bash_profile
- 在文件的末尾,添加以下内容:
(路径根据自己的实际情况更改)
。这会将 Flutter 的路径添加到现有的 PATH 变量中。
export PATH="$PATH:/Users/xxxx/development/flutter/bin:$PATH"
保存并退出编辑器:如果使用的是 Vim,按下 Esc 键,然后输入 :wq 并按下 Enter 键保存并退出。
重新加载配置文件,以使更改生效:
source ~/.zshrc
- 运行 Flutter doctor 来验证安装。
flutter doctor
在安装fulter之前,已经安装了xcode、andorid stuio、vscode,所以上面没有报这几个的相关错误。安装包到官网下载即可
如果是按照官网的配置,在zsh配置是export PATH="$PWD/flutter/bin:$PATH",那换一个终端后输入Flutter doctor 会报找不到flutter。
- 在本例中,flutter pub get 会在任何设置了 PUB_HOSTED_URL 和 FLUTTER_STORAGE_BASE_URL 的终端中去获取 flutter-io.cn 上的 package。
在此过程中使用 export 设置的环境变量仅适用于当前会话窗口。
要永久设置这些值,
将这三条 export 指令附加到首选 shell 使用的 *rc 或 *profile 文件中。按照上面在zsh文件中添加的方法一样,在最后面添加上下面内容--保存---重新加载配置---flutter doctor验证:
export PUB_HOSTED_URL="https://pub.flutter-io.cn"
export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"
export PATH="$PATH:/Users/xxxx/development/flutter/bin:$PATH" (这行在前面已经加过了!!!!)
三、2、3做完flutter doctor报错
解决方案:android studio的setting里面安装提示的内容”xxxx tools“。
然后终端运行:flutter doctor --android-licenses
再终端输入flutter doctor,andoroid相关的都已经安装了:
四、视频课里面的讲的:(就是上面的内容,可以不看了)
和普通的iOS项目运行到真机一样,配置各个证书