Flutter_初體驗_創建第一個應用_AndroidStudio_windows


1.前言

至於 Flutter 是啥,我就不在這啰嗦了,下面以 windows 為例,展示一下從安裝 Flutter 到運行 APP 整個過程;

 

2.安裝 Flutter

2.1、中文介紹文檔:https://flutterchina.club/get-started/install/ (我的閱讀方式)

   外網介紹文檔:https://flutter.io/get-started/install/

2.2、Flutter SDK 下載地址:https://flutter.dev/docs/get-started/install/windows (我的下載方式)

   Github Flutter SDK 地址:https://github.com/flutter/flutter

      看網上說用 git (git clone -b dev https://github.com/flutter/flutter.git),我偏不!

2.3、下載下來解壓后的文件目錄(我的目錄)

 

 

2.4、配置環境變量,方便使用,配置到 path 中

 

配置上國內鏡像:

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

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

 

2.5、額外補充:配上你的 sdk tool,在接下來執行 flutter doctor 過程中需要;我配的有點亂,有的還多余了,將就看。

 

 

2.6、配置好環境變量后,在命令行執行 :flutter doctor

注意:
[√]這個是安裝OK的,[X]是需要安裝的,或者者是已安裝但是沒有運行起來的。
這里面有幾項需要注意的內容:
(1)Flutter 這是Flutter工具,就是剛才git下載的那個。
(2)Android工具鏈,這里指的是SDK,會標注出SDK的最大版本號。
(3)Android Studio 3.0版本(這個是下載安裝的版本)
(4)Connected devices 已連接的設施,能是模擬器,也能是真機,假如已連接會顯示出來。

 

2.7、安裝 Android Studio 插件:flutter + dart

右上角:file > setting > plugins > 

 

2.8、上邊插件裝好、重啟AS后、接下來就是配置 flutter sdk 路徑了,畢竟這兩個插件只是輔助你的,但是人家還不知道 sdk 路徑在哪呢。

 

還記得上邊我的 flutter sdk 的解壓路徑嗎。配置上這個路徑后,dart 就不用配置了,他會自動給你配置上:

 

至此安裝 flutter 結束了。

3.創建 Flutter APP

接下來就是創建 flutter 項目了,file > new > new Flutter Project...

 

注意:這里能支持ios和kotlin,假如需要的話能勾上。

 

 

在這里,我用的我自己的真機,創建好后會自動識別的,跟創建一個普通安卓項目運行差不多,下面是我的真機運行結果:

 

博客地址:https://www.cnblogs.com/niceyoo

本文地址:https://www.cnblogs.com/niceyoo/p/9240359.html

 

推薦一個課程:《Flutter移動電商實戰》- 快速掌握實際項目開發

 


免責聲明!

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



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