Flutter01- 2020 Mac安裝flutter,構建flutter 項目

Flutter官網地址:https://flutterchina.club/get-started/install/

目錄

  • 安裝Flutter SDK
  • 下載Xcode, Android Studio 開發軟件,配置相關所需
  • 構建Flutter項目

一、安裝Flutter SDK

本次安裝主要針對Mac,進行精煉,其他系統的,可以參照Flutter 官網步驟進行。

將解壓的flutter 文件放到你想放到的文件目錄。這裏我放到了文稿(Document)路徑在這裏插入圖片描述

  • 然後開始在Terminal終端中開始設置flutter的路徑
    首先你可以先查看你電腦裏面是否能夠正常找到你的flutter 路徑。 flutter --version在這裏插入圖片描述
    提示command not found:flutter 表示你還沒設置flutter的路徑,他找不到,接下來,我們開始配置
    在這裏插入圖片描述

注意這裏的用的是用 vim ~/.zshrc,而不是官網說的 /.bash_profile 這個,bash_profile 是臨時使用flutter ,你一旦關閉終端,就用不了flutter ,爲了讓他能夠始終能夠用到,所以選擇這個。

  • 打開zshrc文件後,按鍵盤i , 進入編輯功能
  • 然後輸入你的flutter文件路徑,一個這裏的apple 是我的電腦用戶名,Documents就是我文件放到文稿路徑裏面。一個小技巧,你可以直接拖動你的flutter文件到這裏面他會自動生成路徑,替換:/Users…/flutter

在這裏插入圖片描述

  • 按esc,還有 : (冒號) wq,點擊鍵盤return 或enter就可以退出了在這裏插入圖片描述

  • 現在你在輸入flutter --version 他就可以找到在這裏插入圖片描述

二、下載Xcode, Android Studio 開發軟件,配置相關所需

Xcode 是蘋果軟件的開發工具,裏面有模擬器可以使用 – appstore下載
Android Studio 這個是安卓的開發軟件,也是flutter 的開發軟件 – 官網下載

  • 配置相關插件

在這裏插入圖片描述
在這裏插入圖片描述

  • 這裏進入plugin ,搜索flutter插件,進行安裝,完成後,界面就會多一項,可以直接創建flutter 項目
    在這裏插入圖片描述

三、構建Flutter項目

在這裏插入圖片描述


這裏可以按照自己需求改下:project name 和 project location

在這裏插入圖片描述


 創建成功後,接下來配置下安卓模擬器
 

在這裏插入圖片描述

點擊配置安卓模擬器:
在這裏插入圖片描述

在這裏插入圖片描述


下載好安卓模擬器,點擊播放按鈕,打開模擬器
 

在這裏插入圖片描述


 如果,你的電腦上下載好了xcode ,可以打開蘋果模擬器
 

在這裏插入圖片描述


  然後,你可以在這裏隨意切換模擬器,點擊運行即可。

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章