zoukankan      html  css  js  c++  java
  • 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”的条目

        如果该条目存在,追加 flutterin的全路径,使用 ;作为分隔符

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

        如下图:

                              

            运行 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:usersduanzdesktopflutterflutter_webexampleshello_world

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

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

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

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



  • 相关阅读:
    UI自动化测试入门一:Python3+Selenium环境搭建
    Linux下限制进程的CPU利用率
    Linux下模拟CPU占用100%
    Java接口自动化——OkHttp框架
    Java接口自动化——Before/After注解、Parameters注解和DataProvider注解
    Java接口自动化——TestNG快速开始
    《重构 改善既有代码的设计》读书笔记-坏代码的味道
    linux-脚本问题汇总
    RocketMq源码学习-消息存储
    linux-文本处理-grep
  • 原文地址:https://www.cnblogs.com/duanzb/p/11188979.html
Copyright © 2011-2022 走看看