Flutter開發(fā)準(zhǔn)備

1. Flutter 介紹
2. Flutter 環(huán)境搭建
3. Flutter開發(fā)工具

Flutter 介紹

image.png

image.png

image.png

image.png

根據(jù)Flutter官網(wǎng)的介紹Flutter具有一下幾個功能

1. 快速構(gòu)建應(yīng)用
2. 設(shè)計美觀的應(yīng)用
3. 同時發(fā)布IOS和Android應(yīng)用
4. 同一套代碼生成Android和IOS兩個平臺的APP

官網(wǎng)介紹Flutter為跨平臺構(gòu)建APP提供了一種新的實現(xiàn)方式，使用一套代碼可以同時構(gòu)建出Android和IOS應(yīng)用。

Flutter通過自身提供的組件來實現(xiàn)跨平臺的目的，F(xiàn)lutter是通過Dart語言來編寫實現(xiàn)業(yè)務(wù)邏輯，同時還以插件的方式提供對特殊場景的應(yīng)用提供更多的解決方案，F(xiàn)luter在Debug開發(fā)模式情況下支持熱更新的，方便開發(fā)快速開發(fā)，在realease模式下針對APP做了多樣的優(yōu)化使得其運行的性能可以與Native開發(fā)媲美。

Flutter環(huán)境搭建

Flutter SDK下載

Flutter支持 Windows，Mac，Linux平臺上進(jìn)行開發(fā)，并且為不同的平臺提供了SDK

1. 前期準(zhǔn)備
   a.Windows操作系統(tǒng)要求 Windows PowerShell5.0以上，Git Windows客戶端2.x版本以上
   b.Mac OS 或者Linux 需要安裝一下工具 bash ,curl ,git2.x ,mkdir ,rm ,unzip ,which

2. 下載Flutter SDK

3. 配置環(huán)境變量
   a.Windows 操作系統(tǒng)環(huán)境變量配置，把下載Flutter SDK的路徑配置到系統(tǒng)環(huán)境變量中
   此計算機(jī)->右鍵->屬性->高級->環(huán)境變量 把Flutter SDK bin目錄下()
   

   b.Mac 或Linux操作系統(tǒng)配置Flutter環(huán)境變量的方法
   image.png

4. 驗證配置

   Windows在Windows PowerShell

Mac或Linux 在終端輸入一下命令

<pre class="cm-s-default" style="box-sizing: border-box; font-size: inherit; font-family: inherit; margin: 0px; overflow: visible; padding: 0px; border-radius: 0px; border-width: 0px; background: rgba(0, 0, 0, 0); white-space: pre; overflow-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; -webkit-tap-highlight-color: transparent; font-variant-ligatures: contextual;"> flutter doctor</pre>

image.png

Fluuter 開發(fā)工具

1. Android Studio(3.0以上版本)
2. VSCode
3. Intellij IDEA

Android Stuido Flutter插件安裝

image.png

進(jìn)入之后點擊Install就可以了