Flutter學習系列之Flutter上手環境準備

jcdhlzq 發表於 2019-10-05

記錄一下入門flutter的過程,遇到的問題以及解決的辦法。

一、本地環境

Windows10 + 牆內+Android Studio。

二、安裝Flutter

映象環境

國內環境需要配置一下以下映象環境。

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
複製程式碼

Windows下的環境變數設定步驟為:

  1. 右鍵桌面“此電腦”或者“我的電腦”。點選“屬性”,進入系統資訊介面。
  2. 點選左側“高階系統設定”,進入“系統屬性”對話方塊。
  3. 點選“環境變數”,進入環境變數設定介面。
  4. 點選上方使用者環境變數中的“新建”,進入“新建使用者變數”介面。
  5. 變數名填入PUB_HOSTED_URL,變數值填https://pub.flutter-io.cn
  6. 同樣操作,新建使用者變數FLUTTER_STORAGE_BASE_URL
  7. 點選“確定”儲存。

安裝Flutter SDK

  1. 去flutter官網下載其最新可用的安裝包,下載地址:flutter.dev/docs/develo…
  2. 將安裝包zip解壓到想要安裝的目錄下。如C:\flutter\
  3. bin目錄的絕對路徑加入使用者環境變數PATH中。
  4. 開啟powershell,執行flutter doctor命令,檢查開發環境。如下圖所示。

Flutter學習系列之Flutter上手環境準備

由於使用的是Android Studio環境,且使用模擬器來除錯,所以後面兩條警告可以忽略。

安裝Android Studio

  1. 下載Android Studio並安裝,user-gold-cdn.xitu.io/2019/10/5/1…
  2. 開啟plugins設定,安裝Dart語言外掛。重啟IDE。
  3. 安裝Flutter外掛。重啟IDE。

安裝之後的Android Studio會多出一個“Start a new Flutter project”,就可以建立flutter專案了。

Flutter學習系列之Flutter上手環境準備

三、問題

如果遇到resolve dependencies錯誤,可以將專案中android下的build.gradle中的google()jcenter()換成下面阿里雲的maven倉庫。

    maven { url 'https://maven.aliyun.com/repository/google' }
    maven { url 'https://maven.aliyun.com/repository/jcenter' }
    maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
複製程式碼

相關文章

flutter: SharedPreferences桌面外掛 Flutter

flutter: SharedPreferences桌面外掛

flutter可以構建跨平臺的多端應用, 正好開發的應用需要桌面版本, 那就嘗試傳說中的無縫移植.然而剛開始就遇到了大麻煩: 移動端普遍使用的SharedPreferences在桌面端只有macOS有
Flutter 滾動控制元件篇-->滾動監聽及控制(ScrollController) Flutter

Flutter 滾動控制元件篇-->滾動監聽及控制(ScrollController)

在前面的滾動控制元件篇的文章中,我們提到了controller屬性,他接收一個ScrollController物件。ScrollController的主要作用是控制滾動位置和監聽滾動事件。本章以Lis
Flutter 基礎控制元件篇-->單選框(Switch)、核取方塊(Checkbox) Flutter

Flutter 基礎控制元件篇-->單選框(Switch)、核取方塊(Checkbox)

本章說一下 單選框(Switch) 和 核取方塊(Checkbox)單選框(Switch)因為按鈕都是有狀態的,所以在建立模板的時候,一定要建立有狀態的模板(使用快捷鍵stf建立),核取按鈕也一樣但是
flutter新手集訓營(上) Flutter

flutter新手集訓營(上)

前端開發是否迎來大統一?flutter是否可以勝任原生開發的效能?帶著一個有一個的疑問,去了解flutter。flutter開發語言上的選擇。為什麼最終使用了dart一個曾經js熱度大增的時刻卻不溫不
Flutter 基礎控制元件篇-->輸入框(TextField)、表單(Form) Flutter

Flutter 基礎控制元件篇-->輸入框(TextField)、表單(Form)

Flutter 的Material元件庫中提供了輸入框元件TextField和表單元件Form。輸入框(TextField)TextField主要用於文字輸入。原始碼示例建構函式如下:const Te
Flutter(十一)之封裝幾個小Widget Flutter

Flutter(十一)之封裝幾個小Widget

更新地點: 首發於公眾號,第二天更新於掘金、思否、開發者頭條等地方;更多交流: 可以新增我的微信 372623326,關注我的微博:coderwhy學習完列表渲染後,我打算做一個綜合一點的練習小專案:
flutter 支付寶APP支付 (包含後臺) Flutter

flutter 支付寶APP支付 (包含後臺)

支付寶app支付,最全攻略,看完了你就會了,這裡就是實際執行把每一步都寫下來,和看視訊是沒有區別的,而且我這個是一個系列,歡迎關注,點贊最好啦。博主這裡全部都是一字不漏的,和操作一個不漏的記錄下來,並
Flutter | 定義一個通用的多功能網路請求 Widget Flutter

Flutter | 定義一個通用的多功能網路請求 Widget

首先道個歉,最近公司很忙,又趕上十一假期,所以鴿了將近半個月。不過,後續還是會每週最少更新兩篇的!那說起網路請求的控制元件,我們首先是不是會想起 FutureBuilder?FutureBuilder
FLUTTER混合工程踩坑之旅 Flutter

FLUTTER混合工程踩坑之旅

簡介Flutter 是 Google推出並開源的移動應用開發框架,主打跨平臺、高保真、高效能。開發者可以通過 Dart語言開發 App,一套程式碼同時執行在 iOS 和 Android平臺。 Flut
把Flutter擴充套件到微信小程式端的探索 Flutter

把Flutter擴充套件到微信小程式端的探索

Google Flutter是一個非常優秀的跨端框架,不僅可以執行在Android、 iOS平臺,而且可以支援Web和桌面應用。在國內小程式是非常重要的技術平臺,我們也一直思考能否把Flutter擴充
Flutter 外掛的建立及使用 Flutter

Flutter 外掛的建立及使用

在 Flutter 專案的開發中,我們需要根據自己的業務需求來建立各種各樣的外掛,這裡記錄下關於 Flutter 外掛的建立及使用的過程。官方文件這裡主要記錄如下幾點:外掛的建立獲取 Android
Flutter實戰 | 從 0 搭建「網易雲音樂」APP(一、建立專案、新增外掛、通用程式碼) Flutter

Flutter實戰 | 從 0 搭建「網易雲音樂」APP(一、建立專案、新增外掛、通用程式碼)

本系列可能會伴隨大家很長時間,這裡我會從0開始搭建一個「網易雲音樂」的APP出來。下面是該APP 功能的思維導圖:因為工作的原因,一星期有可能只更新一篇該系列的文章,不過一星期最少一篇。本章節為第一節