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应用了。



  • 相关阅读:
    Jenkins安装(一)
    Ansible(一) 安装与简单测试
    zabbix中文乱码
    mysql5.7免密登录
    Zabbix 监控 Nginx 模板
    zabbix通过snmp监控主机
    zabbix5.0+grafana 使用脚本安装
    Eth-trunk配置-LACP模式
    Eth-Trunk配置-手动模式
    文件系统简单理解与实操(ext4)
  • 原文地址:https://www.cnblogs.com/duanzb/p/11188979.html
Copyright © 2011-2022 走看看