學習Flutter：Hello Word篇
Hello Word篇文章目錄
- 學習Flutter：Hello Word篇
- 前言
- 一、選擇開發工具
- Flutter開發工具有：
- 二、Visual Studio Code（vs code）開發工具Flutter配置
- 安裝
- 三、創建Flutter專案
- 四、運行Flutter專案
- 五、安裝模擬器
- 六、最后顯示Hello Word
- 總結
前言
隨著互聯網的不斷發展，開發原生APP的成本越來越高，跨平臺的框架也越來越多了，而且越來越多人都開啟了學習跨平臺開發了，由于Flutter的跨平臺性、運行的流暢性和無限接近原生APP開發，本文就介紹了Flutter基礎開發，提示：接上一篇我們搭建Flutter環境，接下來的是我們就來開發Flutter第一步，偉大的Hello Word
一、選擇開發工具
什么是開發工具：簡稱IDE，一般是指一些被軟體工程師用于為特定的軟體包、軟體框架、硬體平臺、作業系統等建立應用軟體的特殊軟體，我常用的前端有：Visual Studio Code（vs code），WebStorm，HBuilder X（這個是uniapp開發的工具，也是跨平臺開發的），PyCharm（這是開發Python用的），Android studio（這是開發安卓用的）等，后端：IntelliJ IDEA （這個是用的最普遍的），好的開發工具能提高效率，不過有些大牛就是用記事本開發的
Flutter開發工具有：
- Visual Studio Code（vs code）：免費
- IntelliJ IDEA ：收費
- Android studio：免費
- WebStorm：收費
二、Visual Studio Code（vs code）開發工具Flutter配置
在這里選擇Visual Studio Code（vs code)原因是：輕量級開發工具，打開速度快，占記憶體少，插件庫比較全，最終要的免費
安裝
1.下載鏈接：https://code.visualstudio.com/Download
2. 安裝軟體：這里就不多說了，下載后雙擊之后，下一步下一步就好了，安裝好如圖：
- 安裝插件：如圖
下面就是查找插件和安裝：只要在輸入框輸入flutter,就會出現的，然后點擊對應插件安裝就可以了
三、創建Flutter專案
在VScode上打開打開終端（選單上有個終端，點擊新建就可以了）或者快捷鍵：Ctrl+~（Tab上一個鍵），在終端上輸入：flutter create 專案名字，即可創建完成！如圖
四、運行Flutter專案
- 在終端中運行命令：flutter run，紅框里顯示的是安裝的位置：模擬器，手機，谷歌瀏覽器，我的有多個，輸入數字選擇就可以了，有的只要一個就不需要選擇 如圖
- 這是顯示在模擬器上的：
- 這是顯示在瀏覽器上的：
- 這是顯示在手機真機上的：
五、安裝模擬器
- 打開Android studio
- 點擊AVD Manager
-
點擊紅框按鈕
-
選擇紅框里，然后點擊next按鈕
-
有出現Download的，要先下載，然后點擊next按鈕
-
然后點finish按鈕就可以了
-
最后點擊右邊三角按鈕，然后等待模擬器開機，不過時間有點久
- 這樣就好了
六、最后顯示Hello Word
該處使用的url網路請求的資料，
總結
今天的hello word顯示就到這里，希望能幫助到你們，如果對你們有幫助的話，給個一鍵三連，再次感謝轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/291017.html
標籤：其他