1. 程式人生 > >[Flutter] Windows平臺Flutter開發環境搭建(Andorid Studio)

[Flutter] Windows平臺Flutter開發環境搭建(Andorid Studio)

dem runt tps 點擊 下載頁面 系統屬性 href source runtime

前兩天網友在群裏說起了Flutter,就了解了一下,在手機上跑了它的demo,正接就被打動了。

雖然網上有很多教程,但真正開始的時候,還是會碰到很多坑。下面詳細的講解Flutter + Android Studio開發環境搭建。

1. 下載 Android Studio

網址: http://www.android-studio.org/index.php/download (這裏的版本是:3.0.1.0)

技術分享圖片

2. 安裝 Android Studio

技術分享圖片

技術分享圖片

技術分享圖片

配置好安裝目錄,Next開始安裝。

技術分享圖片

安裝完成。運行 Android Studio。

技術分享圖片

這裏如果沒有安裝過,就選“Do not import settings”,否則選擇第一項,並指定路徑。我這裏是全新安裝,所以選擇第二項。

點擊OK,android studio 開始啟動。

技術分享圖片

運行後我們直接退出,下載其它的東西並安裝。

3. 安裝 Java SDK

百度搜索Java sdk,打開官方網站下載。

網址: http://www.oracle.com/technetwork/java/javase/downloads/index.html

技術分享圖片

下載最新版本的SDK,點擊上圖框出的區域,進入下載頁面。

技術分享圖片

先接受協議,然後點擊最後一行中的 jdk-10_windows-x64_bin.exe 進行下載。(假設你也是64位電腦!如果不是,自行搜索其它的教程。)

Java JDK就是Java Development Kit.簡單的說JDK是面向開發人員使用的SDK,它提供了Java的開發環境和運行環境。

Java JRE是Java Runtime Enviroment是指Java的運行環境,是面向Java程序的使用者,而不是開發者。

Java SE 就是包含了JDK和JRE的安裝包。我們下載的就是這個。

下載完成後,開始安裝。

技術分享圖片

技術分享圖片

這一步配置好安裝路徑。然後再下一步繼續安裝。

出現安裝jre向導,一樣的配置好路徑下一 步。

技術分享圖片

jdk 安裝成功。

4. 配置 JDK 環境變量

打開 “我的電腦”->“屬性”->“高級系統設置” 出來系統屬性對話框,然後切換到“高級”選項卡,點擊“環境變量”按鈕打開環境變量配置對話框。

技術分享圖片

技術分享圖片

新建系統環境變量 ”JAVA_HOME“

設置JAVA_HOME值為JDK安裝目錄,如 D:\Android\JDK\jdk-10

技術分享圖片

新建環境變量CLASSPATH

設置CLASSPATH值為: ./;%JAVA_HOME%/lib/tools.jar;%JAVA_HOME%/lib/dt.jar

./;%JAVA_HOME%/lib/tools.jar;%JAVA_HOME%/lib/dt.jar

技術分享圖片

(註意:點號表示當前目錄,不能省略)

更新系統環境變量Path

將 “;%JAVA_HOME%\bin;” (註意:這裏的分號不能省略), 添加到Path 最前面。

將 jre 安裝路徑的bit目錄添加到path。

技術分享圖片

點擊確定保存。

打開cmd,輸入 java -version 可以查看到我們安裝java版本。

技術分享圖片

5. 安裝和配置 Git

Flutter需要使用git來獲取,所以需要先安裝 Git。如果已經安裝,請跳過安裝,但需要檢查一下是否設置環境變量。

網址: https://git-scm.com/download/win

技術分享圖片

我們下載64位的安裝包。下載完成後開始安裝。

安裝完成後,在系統環境變量Path中查看是否存在git的cmd目錄,沒有則添加。

技術分享圖片

6. 安裝 Flutter

官網地址: https://flutter.io/

直接執行

git clone https://github.com/flutter/flutter.git

或按照片面的步驟來下載Flutter。

技術分享圖片

點擊 Git GUI Here。

技術分享圖片

點擊 Clone Existing Repository

技術分享圖片

設置好 Source (https://github.com/flutter/flutter.git)和 Target 目錄。點擊 Clone 開始獲取。

技術分享圖片

等待下載完成。

[Flutter] Windows平臺Flutter開發環境搭建(Andorid Studio)