您好,登錄后才能下訂單哦!
Windows實現Flutter環境搭建及怎么配置,相信很多沒有經驗的人對此束手無策,為此本文總結了問題出現的原因和解決方法,通過這篇文章希望你能解決這個問題。
最近正式入坑Flutter,首先從環境搭建開始,看了網上好多關于Windows環境搭建的資料,基本都是按官方文檔寫的,看完的感受是,還不如直接去看官方文檔。總的來說需要的也就4樣東西,找齊了配置一下就OK;
(1)Flutter SDK (建議下載官網的,下載完直接能用)
(2)下載Dart插件
(3)下載Flutter插件
(4)準備ide(Androidstudio或者IntelliJ IDEA)配置flutter的SDK即可
說明
IntelliJ IDEA 通過plugins下載的插件都是放在安裝目錄下的plugins文件中,自己看一下就明白。Androidstudio 通過plugins下載的插件是放在默認位置的,這一點和IntelliJ IDEA不太一樣,我本地的默認的路徑是在 C:\Users\.AndroidStudio3.1\config\plugins 中,假如你已經有了Dart和flutter插件,可以解壓后直接拷貝到該目錄下即可。
詳細的安裝過程如下:
1. 安裝Flutter SDK
首先下載官方文檔中 flutter_windows_v0.4.4-beta.zip 壓縮包(如下圖紅框中所示),解壓到自己指定的位置,解壓完文件夾名稱叫做flutter,這就是Flutter SDK了(后面再ide中配置的時候需要)。同時將該文件夾中的bin添加到環境變量中。
2. 安裝Dart和Flutter插件
(1)Flutter需要如下兩個插件的支持:
Flutter 插件用來支撐Flutter開發者的流程(運行,調試,熱加載,等等)Dart插件則提供代碼分析(代碼合法性校驗,代碼補全等等)
(2)然后在Androidstudio或者IntelliJ IDEA 中下載Dart插件,假如下不了,那就是沒有進行科學上網的原因,也可以通過科學上網訪問下面的鏈接進行下載。假如是自己通過如下鏈接下載的,則把下載后的zip包解壓后將整個文件夾復制到你使用的ide的plugins文件夾中(整個文件夾拷貝到plugins下即可)。
Dart_jb51.rar
(3)然后在Androidstudio或者IntelliJ IDEA 中下載flutter-intellij插件,假如下不了,那就是沒有進行科學上網的原因,也可以通過科學上網訪問下面的鏈接進行下載。假如是自己通過如下鏈接下載的,則把下載后的zip包解壓后將整個文件夾復制到你使用的ide的plugins文件夾中(整個文件夾拷貝到plugins下即可)。
flutter-intellij_jb51.rar
(4)說明:使用自己的ide安裝步驟如下:
1)啟動Android Studio 2) 打開插件面板如下圖所示3)選擇【Browse repositories…】,勾選Flutter plug-in 然后點擊 install 4)當提示是否安裝Dart插件時點擊Yes 5)安裝完成后重啟AS
其實到這我們需要準備的東西已經全了,下面看如何配置。
3. 配置Dart和Flutter插件到我們的ide中
我使用的是IntelliJ IDEA,Androidstudio類似。
打開ide,Create New Project——>選擇Flutter,選擇SDK路徑后Next——>命名項目名(小寫),選擇項目存儲路徑后ok。
然后進去以后可能你看到并沒有下載項目資源,不要慌,我們配置一下,具體的如下所示,第一張是配置DartSDK的路徑(指向前面flutter的SDK中的 bin\cache\dart.sdk),第二張是配置flutter SDK路徑。配置完成后重啟ide,再重新創建新項目即可,等待的時間會比較長,耐心等待完成就可以開啟flutter之旅了。
另外有幾點說明:
(1)本人是移動端開發所以不管是Androidstudio或者IntelliJ IDEA都已經搭建好了,相關環境的搭建可查閱網絡。
(2)本文前面教程中是以IntelliJ IDEA為基礎描述的,假如你使用的是Androidstudio的話需要升級版本至3.1以上,然后在Androidstudio的Plugins中下載Dart和Flutter插件然后重啟,就會在創建項目的界面出現創建Flutter的選項,然后創建flutter項目,配置本文中描述的flutter-SDK路徑就可以了。
(3)可能有人看網上的資料迷糊,如下圖怎么來的,其實在咱們下載的flutter_windows_v0.4.4-beta.zip解壓包中有flutter_console.bat,雙擊就可以喚起如下界面。它便是flutter的控制臺,我們可以在flutter控制臺運行 flutter doctor 命令, 檢測是否有依賴項未安裝。
看完上述內容,你們掌握Windows實現Flutter環境搭建及怎么配置的方法了嗎?如果還想學到更多技能或想了解更多相關內容,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。