Flutter开发01-环境配置

 

• SDK下载与配置
• 访问官网下载相关的SDK。https://flutter.io/docs/development/tools/sdk/archive?tab=macos#macos

图1

 

• 解压SDK后，修改.base_profile中的PATH,将SDK的路径添加到PATH中

       图2

• 在终端执行flutter doctor,检查是否还需要安装其他依赖。

 

• Android Studio配置
• 进入Preference->Plugins->Browse repositories输入flutter安装flutter相关的插件，安装完成后，重启Android Studio

图3

• 创建Flutter项目。start a new flutter project -> flutter application->输入项目的相关信息，注意projectName的命名规范。

图4

图5

图6

• 创建完成后，查看项目结构，项目代码在lib/main.dart中。
• Tools->AVD Manager->创建Android模拟器，然后点击Run开始编译和运行。

图7

图8

图9

• 修改代码后，点击cmd+s保存后，通过热重载，手机上直接显示修改后的内容。

 

• Xcode配置

在使用Android Studio创建完项目后，会有一个ios目录，ios目录下有xcodeproj和xcworkspace文件，使用XCode打开后，点击build and then run the current scheme即可编译和运行项目。

图10

图11

图12

 

• 错误处理

在Android Studio运行项目时，一直在initializing gradle, 进入flutterSDK目录的packages/flutter_tools/gradle，修改flutter.gradle配置信息，注销掉google()和jcenter()，添加国内的镜像

maven { url 'https://maven.aliyun.com/repository/google' }

maven { url 'https://maven.aliyun.com/repository/jcenter' }

maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

图13