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

 




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM