Flutter web flutter

一. 配置基础环境

1. 使用工具

• IntelliJ IDEA

2.使用镜像

由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：

export PUB_HOSTED_URL=https://pub.Flutter-io.cn
export FlutteR_STORAGE_BASE_URL=https://storage.Flutter-io.cn

注意： 此镜像为临时镜像，并不能保证一直可用，读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

3.  获取FlutterSDK

1. 去Flutter官网下载其最新可用的安装包，点击下载 ；

   注意，Flutter的渠道版本会不停变动，请以Flutter官网为准。另外，在中国大陆地区，要想正常获取安装包列表或下载安装包，可能需要翻墙，读者也可以去Flutter github项目下去下载安装包 。

2. 将安装包zip解压到你想安装Flutter SDK的路径（如：C:\src\Flutter；注意，不要将Flutter安装到需要一些高权限的路径如C:\Program Files\）。

3. 在Flutter安装目录的Flutter文件下找到Flutter_console.bat，双击运行并启动Flutter命令行，接下来，你就可以在Flutter命令行运行Flutter命令了。

 

注意： 由于一些Flutter命令需要联网获取数据，如果您是在国内访问，由于众所周知的原因，直接访问很可能不会成功。 上面的PUB_HOSTED_URL和FlutteR_STORAGE_BASE_URL是google为国内开发者搭建的临时镜像。详情请参考 Using Flutter in China

上述命令为当前终端窗口临时设置PATH变量。要将Flutter永久添加到路径中，请参阅更新路径。

要更新现有版本的Flutter，请参阅升级Flutter。

 

4.更新环境变量

配置坏境变量 在Path路径下将 Flutter\bin的全路径作为它的值.

5. 安装插件 (不会安装插件的自行百度)

• Flutter插件： 支持Flutter开发工作流 (运行、调试、热重载等)
• Dart插件： 提供代码分析 (输入代码时进行验证、代码补全等)

5.运行 Flutter doctor

打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装：

 Flutter doctor

二.  Flutter for Web的配置(可写网页,不需要可跳过)

1. 安装Flutter_web编译工具

直接使用以下命令安装即可：

Flutter pub global activate webdev

2.配置环境变量

安装完成后，需要配置环境变量，

将.pub-cache/bin加入到你的环境变量中即可，例:E:\sdk\Flutter\.pub-cache\bin

将 bin\cache\dart-sdk\bin加入你的环境变量中即可, 例:E:\sdk\Flutter\bin\cache\dart-sdk\bin

3. 创建项目

创建Dart项目，而不是Flutter项目: 如图选择,确定即可

注意:dartSdk在Flutter中已经包含,选择如  E:\sdk\Flutter\bin\cache\dart-sdk\

完成创建后我们的项目就默认请立即获取iTunes部署到Web了，在Idea中应该可以直接点击运行按钮进行运行，

三. 移动端创建Flutter项目