【Flutter】開發之環境搭建(一)

前言

Flutter大浪潮下,筆者也開始入坑了,本系列旨在記錄學習過程,歡迎一塊兒探討。android

須要準備的軟件

  • Android Studio 3.0.0 以上
  • Android SDK
  • git

開始搭建

  • 1.下載flutter 安裝包,並解壓

能夠去 flutter中文網 或者 Github 下載,我的推薦去官網下載。git

  • 2.添加環境變量

Path系統變量中添加安裝包\bin目錄的完整路徑,好比完整路徑爲: D:\flutter\flutter\bin,與上一個變量用英文;隔開。github

由於國內訪問限制的問題,還須要添加如下2個變量,請注意,該變量的值可能會變化,以官網公佈的爲準bash

鍵:PUB_HOSTED_URL學習

值:https://pub.flutter-io.cnui

鍵:FLUTTER_STORAGE_BASE_URLspa

值: https://storage.flutter-io.cn插件

若是沒有添加ANDROID_HOME變量的話,還須要添加,值爲Android SDK 所在路徑,如 D:\android\sdk,添加完後記得重啓電腦。3d

  • 3.運行flutter doctor 命令

打開安裝目錄下flutter_console.bat文件,輸入flutter doctor 出現如下提示,則表示配置成功 code

image.png

  • 4.常見問題

1).報錯

Error: The Flutter directory is not a clone of the GitHub project.
   The flutter tool requires Git in order to operate properly;
   to set up Flutter, run the following command:
   git clone -b beta https://github.com/flutter/flutter.git
複製代碼

從github上下載就會遇到這個問題

解決辦法: 把剛剛下載的Flutter安裝包刪掉,從新在想要安裝的目錄下運行 git clone -b beta https://github.com/flutter/flutter.git

2).報錯 此時不該有 \flutter\bin\cache 解決辦法: 不要將加解壓目錄放在高權限的路徑,如C:\Program Files\

3).報錯

image.png
通常都是更新了環境變量,或者環境變量填的 flutter解壓路徑有誤

  • 5.Android Studio 安裝flutter 插件

搜索flutter 安裝便可

image.png

  • 6.新建flutter項目

File-->New-->New Flutter Project

image.png
選擇 Flutter Application,而後填寫相關信息
image.png
通過漫長的等待,終於建立成功了,項目結構以下
image.png

  • 7.運行項目

可能你想運行項目時,發現並無可供運行的設備

image.png

首先,你須要添加ANDROID_HOME環境變量;其次在Terminal中運行flutter devices命令,這時,就能夠看到鏈接的真機了。

你的承認,是我堅持更新博客的動力,若是以爲有用,就請點個贊,謝謝

相關文章
相關標籤/搜索