flutter web 配置环境及运行(windows)

此下 操作 都是基于 windows 

一， 将镜像添加到 用户环境变量中

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

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

     如下图：

                

二，下载Flutter SDK

　　1.去flutter 官网下载最新的安装包  https://flutter.io/sdk-archive/#windows

　　　下载好之后

　　　在“用户变量”下检查 是否有名为“Path”的条目

　　　　如果该条目存在，追加 flutter\bin的全路径，使用 ；作为分隔符

　　　　如果不存在，创建一个新用户变量 Path,然后将 flutter\bin 的全路径作为它的值

　　　　如下图：

                          

        运行 flutter doctor

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

　　　　请参阅编辑器设置（https://flutterchina.club/get-started/editor/） 以了解安装Flutter和Dart插件的步骤。

以上环境安装完毕

　　　　

　　　　1.   https://github.com/flutter/flutter_web  下载 flutter_web 项目

　　　　2.  下载 flutter_web的zip包，解压到一个目录，最好是和flutter在一块的目录

　　　　　　

 

　　　　3.   配置环境Path

　　   　

　　　　4. 打开命令行 切换到 c:users\duanz\desktop\flutter\flutter_web\examples\hello_world

　　　　　　//就是你下载的flutter_web\examples\hello_world。
　　　　　　输入 flutter packages pub global activate webdev 他会自动下载相关的东西。

 　　　  5.   注：每次更改环境变量后 cmd需要关掉 重新启动 

　　　　　　还是用命令行在hello_world的目录下
　　　　　　执行 flutter packages upgrade
　　　　　　这时会提示你一个问题，你需要把你的dart_sdk的path也添加进去。
　　　　　　D:\flutter\bin\cache\dart-sdk\bin
　　　　　　

　　　　6. 运行 webdev serve
　　　　　　这是启动服务器，然后就可以运行了
　　　　　　http://localhost:8080
　　　　　　flutter_web安装完成，然后就可以愉快的用flutter做web应用了。

 

转载于:https://www.cnblogs.com/duanzb/p/11188979.html