Flutter安裝、配置、初體驗 windows 版

做爲一名合格的開發人員,咱們應該積極地去擁抱新的事物,固然這個想法也不限於技術,加油!android

Flutter 瞭解一下

Flutter是谷歌的移動UI框架,能夠快速在iOS和Android上構建高質量的原生用戶界面。 Flutter能夠與現有的代碼一塊兒工做。在全世界,Flutter正在被愈來愈多的開發者和組織使用,而且Flutter是徹底免費、開源的。瞭解更多windows

Flutter用什麼語言開發?

採用了Dart做爲開發框架和widget的語言。底層圖形框架和Dart虛擬機在C /C++中實現。 更多問題,更多思考!bash

接下來~ 安裝 Flutter, get it!!網絡

列一個安裝清單

  1. Flutter SDK
  2. Dart
  3. Android Studio
  4. Android Studio Flutter 插件
  5. Android 虛擬機
  6. vscode Flutter 插件

Flutter SDK 安裝配置 Dart 安裝

這一步呢! 其實~app

Dart 安裝程序 下載地址: www.gekorm.com/dart-window… Flutter SDK 下載地址: flutter.dev/docs/develo…框架

Dart 安裝~

  • 直接跟着安裝導向走就能夠了,若是出現網絡錯誤,那你就須要那啥了

Flutter 安裝~

  1. 將下載的壓縮包解壓到你本身目錄
  2. 在根目錄下找到 flutter_console.bat 打開它,輸入 flutter --version 能夠看到版本信息即咱們下載的包沒問題
  3. 而後在配置一下系統的環境變量, 到這一步咱們的 Flutter 就算安裝完成了~
  4. 再輸入 flutter doctor 檢查一下,還有什麼問題~

等等,這……

這說明咱們還缺乏一些依賴~工具

再輸入 flutter doctor --android-licenses 根據提示一路 yes 這是爲了安裝一些證書……this

接下在咱們就須要安裝 Android Studio虛擬機google

Android Studio 安裝配置 Flutter 環境

Android Studio 下載地址: developer.android.google.cn/studio/spa

Android Studio 按照安裝導向一步一步走便可~

安裝 Flutter 插件

安裝完成後再重啓一下 IDE

到這來咱們就能夠建立咱們的 Flutter 項目了

根據提示 建立一個 Flutter 項目,這個時候還不能運行,它會提示咱們沒有虛擬機,須要安裝咱們的虛擬機來調試咱們的 Flutter 項目

再次輸入 flutter doctor 檢查一下 Flutter

沒有檢測到任何虛擬機設備,另外咱們能夠看到Android Studio安裝成功了

安裝 虛擬機

選擇一個機型,我選擇的是 pixel 2 而後根據提示 缺什麼下載什麼 便可,這個過程會比較久;各位小夥伴必定要耐心等待啊

tips: 記下這個虛擬機的名字,下面有用,(名字能夠隨意起)

若是你也遇到這個問題的話~ 那麼你的 CUP 要開啓支持虛擬化 解決方法:進入你的電腦主板 BIOS 找到 Intel Virtual Technology 選項 設置爲 Enabled

開啓這個後就能夠開啓一個虛擬機了

告別用 Android Studio 開啓虛擬機

建立一個系統腳本,快速開啓 虛擬機 告別 Android Studio, 讓 vscode C 位出道~

新建一個後綴名位 .bat 的文件 如:emulator.bat, 寫入一下內容

tips: 有可能你的 emulator.exe 路徑不同

C:\Users\ce\AppData\Local\Android\Sdk\emulator\emulator.exe -netdelay none -netspeed full -avd Pixel2API28
複製代碼

-avd Pixel2API28 這個是你的虛擬機的名字

保存,不出意外雙擊它就能夠開啓虛擬機了;

走到這一步離咱們 成功已經走過 90% 了

配置 vscode 支持 Flutter 開發環境,調試一下

安裝 Flutter 插件

  • 開啓虛擬機
  • 打開命令行工具輸入 flutter create my_flutter_app 建立項目
  • vs code 打開 項目
  • 再輸入 flutter run

到這裏就成功配置完成了

各位同仁這一步只是萬里長征的第一步,接下來還有漫長的路要走,Flutter 如今搭建環境仍是有點麻煩,相信之後必定會有更好的辦法,拭目以待。

若有疑問歡迎來訪: cjp96@qq.com

coding is intersting, this man is Roman Reigns

相關文章
相關標籤/搜索