flutter開發環境安裝

先上官網 Flutter中文網

安裝開發環境所需:

  1. git (如果你沒有安裝,反之這一步可以跳過)
  2. Flutter SDK
  3. Flutter 鏡像
  4. Android Studio開發工具(該工具用來創建android 虛擬設備)
  5. java jdk
  6. Visual Studio Code (非常好用的前端開發工具)
  7. 硬件:8G以上的內存,20G以上的硬盤空間(都是android 虛擬機要用)

配置git
計算機屬性->高級系統設置->高級->環境變量,修改Path,加上下面的代碼

c:\windows\system32;C:\Program Files\Git\bin;

這裏有個坑,新手可能會踩到,就是配置git全局配置時,不配置系統位置,flutter doctor 會出現

ERROR:Unable to find git in your PATH

在環境變量中配置系統位置就解決了

Flutter SDK
推薦在官網下載,Flutter 官網下載地址

配置環境變量
後進入Flutter目錄可以看到bin目錄。把bin目錄路徑添加到系統變量Path中

在這裏插入圖片描述
配置Flutter 鏡像
由於在國內訪問Flutter有時可能會受到限制,Flutter官方爲中國開發者搭建了臨時鏡像,大家可以將如下環境變量加入到用戶環境變量中:

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

檢查安裝情況
在flutter項目中,找到並運行 flutter_console.bat,然後輸入 flutter doctor,檢查依賴
在這裏插入圖片描述
安裝Android Studio 網上好像很有很免安裝 AS直接安裝sdk的教程,大家可以去搜索一下
下載安裝包( 官網鏈接)。
確保系統中已安裝JAVA環境。
這裏就不講解了,大家自行了解
jdk下載
jdk安裝教程
Android Studio安裝步驟

創建虛擬設備
安裝好Android Studio之後,我們就可以通過這個工具創建虛擬設備了
打開Android Studio開發工具,隨意創建一個Android Studio的項目
在右上角
在這裏插入圖片描述
點擊此處創建虛擬設備
在這裏插入圖片描述
創建什麼設備大家隨便隨意,選擇完後next
在這裏插入圖片描述
這裏有個坑,大家要注意一下,虛擬設備android版本太高,運行項目要報一個錯
創建好虛擬設備後就可以關掉Android Studio了,因爲它的作用只有這些,所有也非常推薦大家去找免安裝AS的教程

運行項目

用vs code 打開flutter項目目錄,首先安裝兩個flutter的擴展
按下 Shift + ctrl + p 然後輸入 install,選擇 Extensions: Install Extension
在搜索中輸入 flutter,在搜索結果列表中選擇 ‘Flutter’, 然後點擊 Install
然後重新輸入 dart ,在搜索結果列表中選擇 ‘Dart’, 然後點擊 Install
然後重啓啓動 vs code ,按下 ctrl + ~ 打開終端輸入 flutter doctor 檢查依賴
在這裏插入圖片描述
這裏只要看有沒有 [X] 就好了, [!]不用管,截圖中的 X != [X],進入下一步,創建一個flutter項目
按下 Shift + ctrl + p 然後輸入 ‘flutter’, 然後選擇 ‘Flutter: New Project’ action,輸入你的app名稱
創建好之後,重新用 vs code 打開你創建的flutter項目
在這裏插入圖片描述
之後按 F5 啓動項目,選擇你剛剛創建的android虛擬設備,這裏要等一會,vs code 會安裝一些依賴,等待虛擬設備啓動
待虛擬設備啓動後,就會看到你的項目運行情況了,到此flutter項目的安裝過程就結束了,大家可以繼續跟着官網的案例進行代碼的編寫

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章