Windows下搭建开发环境
更换国内源
由于国内访问Flutter可能会受限，Flutter官方为中国开发者搭建了临时镜像，为了方便后续使用，将国内源地址加入环境变量，步骤如下：
- 计算机 --> 右键 --> 属性 --> 高级设置 --> 找到系统的Path变量，点击打开，选择编辑。
- 新建变量"PUB_HOSTED_URL"，值为"https://pub.flutter-io.cn"
- 新建变量"FLUTTER_STORAGE_BASE_URL"，值为"https://storage.flutter-io.cn"
- 保存退出，此时已经完成国内源的更换。
安装 Flutter SDK
运行 flutter doctor 命令
- 键盘按下win+R,输入cmd,打开终端,输入flutter doctor命令,运行结果会提示需要安装的插件。
- 安装完成后,如下：
C:\Users\XXX>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.12.13+hotfix.5, on Microsoft Windows [Version 10.0.17763.914], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[√] Android Studio (version 3.5)
[√] VS Code (version 1.41.1)
[√] Connected device (1 available)
开发工具选择
-
Android Studio
- 打开 File -- 选择 Settings -- 选择 Plugins -- 点击 MarketPlace
- 输入框搜索Flutter -- install flutter
- 安装了flutter插件android studio会默认帮我们安装dart插件
- 安装flutter的代码提示插件flutter snippets
- VSCode
- 由于博主是Android开发者,接下来的博客中将以Android Studio为例进行。
macOs下搭建开发环境
更换国内源
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
安装 Flutter SDK
- 点击蓝色字体访问Flutter官网,建议下载稳点版本的最新版。
- 如果上面的地址不能访问,可以从github下载https://github.com/flutter/flutter/releases。
- 打开终端,使用mkdir新建想安装的目录,cd到该目录下。
- 执行命令解压unzip ~/Downloads/你下载的flutter的zip压缩包。
- 将flutter添加到环境变量中, export PATH=
pwd/flutter/bin:$PATH。
- 运行source $HOME/.bash_profile立即刷新环境变量。
- 运行echo $PATH查看flutter/bin是否在环境变量中。
运行 flutter doctor 命令
执行的操作和上述window下的一样。
linux下搭建开发环境
更换国内源
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
安装 Flutter SDK
- 点击蓝色字体访问Flutter官网,建议下载稳点版本的最新版。
- 如果上面的地址不能访问,可以从github下载https://github.com/flutter/flutter/releases。
- 打开终端,使用mkdir新建想安装的目录,cd到该目录下。
- 执行命令解压unzip ~/Downloads/你下载的flutter的zip压缩包。
- 将flutter添加到环境变量中, export PATH=
pwd/flutter/bin:$PATH。
- 运行source $HOME/.bash_profile立即刷新环境变量。
- 运行echo $PATH查看flutter/bin是否在环境变量中。
运行 flutter doctor 命令
执行的操作和上述window下的一样。
至此，开发环境的搭建已经完成,接下来的一篇将会通过实现一个简单的计数器页面,带领大家感受一下Flutter的魅力。
| 
转播
