Windows實現(xiàn)Flutter環(huán)境搭建及怎么配置-創(chuàng)新互聯(lián)

Windows實現(xiàn)Flutter環(huán)境搭建及怎么配置，相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

創(chuàng)新互聯(lián)建站長期為數(shù)千家客戶提供的網(wǎng)站建設(shè)服務，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為鶴山企業(yè)提供專業(yè)的成都網(wǎng)站制作、成都網(wǎng)站設(shè)計，鶴山網(wǎng)站改版等技術(shù)服務。擁有10多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

最近正式入坑Flutter，首先從環(huán)境搭建開始，看了網(wǎng)上好多關(guān)于Windows環(huán)境搭建的資料，基本都是按官方文檔寫的，看完的感受是，還不如直接去看官方文檔?？偟膩碚f需要的也就4樣東西，找齊了配置一下就OK；

（1）Flutter SDK （建議下載官網(wǎng)的，下載完直接能用）

（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 中，假如你已經(jīng)有了Dart和flutter插件，可以解壓后直接拷貝到該目錄下即可。

詳細的安裝過程如下：

1. 安裝Flutter SDK

首先下載官方文檔中 flutter_windows_v0.4.4-beta.zip 壓縮包（如下圖紅框中所示），解壓到自己指定的位置，解壓完文件夾名稱叫做flutter，這就是Flutter SDK了（后面再ide中配置的時候需要）。同時將該文件夾中的bin添加到環(huán)境變量中。

2. 安裝Dart和Flutter插件

（1）Flutter需要如下兩個插件的支持：

Flutter 插件用來支撐Flutter開發(fā)者的流程（運行，調(diào)試，熱加載，等等）Dart插件則提供代碼分析（代碼合法性校驗，代碼補全等等）

（2）然后在Androidstudio或者IntelliJ IDEA 中下載Dart插件，假如下不了，那就是沒有進行科學上網(wǎng)的原因，也可以通過科學上網(wǎng)訪問下面的鏈接進行下載。假如是自己通過如下鏈接下載的，則把下載后的zip包解壓后將整個文件夾復制到你使用的ide的plugins文件夾中（整個文件夾拷貝到plugins下即可）。

Dart_jb51.rar

（3）然后在Androidstudio或者IntelliJ IDEA 中下載flutter-intellij插件，假如下不了，那就是沒有進行科學上網(wǎng)的原因，也可以通過科學上網(wǎng)訪問下面的鏈接進行下載。假如是自己通過如下鏈接下載的，則把下載后的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

其實到這我們需要準備的東西已經(jīng)全了，下面看如何配置。

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，再重新創(chuàng)建新項目即可，等待的時間會比較長，耐心等待完成就可以開啟flutter之旅了。

另外有幾點說明：

（1）本人是移動端開發(fā)所以不管是Androidstudio或者IntelliJ IDEA都已經(jīng)搭建好了，相關(guān)環(huán)境的搭建可查閱網(wǎng)絡。

（2）本文前面教程中是以IntelliJ IDEA為基礎(chǔ)描述的，假如你使用的是Androidstudio的話需要升級版本至3.1以上，然后在Androidstudio的Plugins中下載Dart和Flutter插件然后重啟，就會在創(chuàng)建項目的界面出現(xiàn)創(chuàng)建Flutter的選項，然后創(chuàng)建flutter項目，配置本文中描述的flutter-SDK路徑就可以了。

（3）可能有人看網(wǎng)上的資料迷糊，如下圖怎么來的，其實在咱們下載的flutter_windows_v0.4.4-beta.zip解壓包中有flutter_console.bat，雙擊就可以喚起如下界面。它便是flutter的控制臺，我們可以在flutter控制臺運行 flutter doctor 命令, 檢測是否有依賴項未安裝。

看完上述內(nèi)容，你們掌握Windows實現(xiàn)Flutter環(huán)境搭建及怎么配置的方法了嗎？如果還想學到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)頁題目：Windows實現(xiàn)Flutter環(huán)境搭建及怎么配置-創(chuàng)新互聯(lián)
文章起源：http://muchs.cn/article18/ceopdp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、網(wǎng)站改版、網(wǎng)站維護、服務器托管、品牌網(wǎng)站設(shè)計、營銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)