建立並運行本身的第一個flutter項目

最近在學習flutter，畢竟是第一次運行flutter項目，中間遇到不少問題，今天就把本身如何建立並運行flutter項目，及建立的過程當中遇到的一些問題都總結出來，方便後來人查看。

先來說講flutter的下載與安裝。

一，下載flutter

能夠直接到官網下載，選擇你對應的系統就行：flutterchina.club/get-started…

下載好之後，把文件解壓，而後放到一個目錄裏，隨便哪裏就行，可是 必定要記住這個路徑，而且路徑中不能有中文。 如個人是在 /Users/qcl/packages/ 咱們後面配置全局變量時須要用到這個路徑。

二，配置環境變量

個人是mac電腦，因此我這裏講下mac電腦上如何配置flutter環境變量。

• 1，在命令行窗口，輸入vim ./.bash_profile 肯定enter，而後就打開了bash_profile文件 若是感受使用vim編輯麻煩，可使用 open .bash_profile可視化編輯，以下圖：

  

• 2，在bash_profile中配置下面這段話： export PATH=/你的flutter文件夾所在位置/flutter/bin:$PATH

如在咱們的bash_profile中加入下面代碼

# flutter
export PATH=/Users/qcl/packages/flutter/bin:$PATH
# flutter 國內鏡像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=[https://storage.flutter-io.cn](https://storage.flutter-io.cn)
複製代碼

上面的國內鏡像若是過時，能夠到這個網址：flutter.dev/community/c…去找最新的

我配置後的效果以下

• 3，而後 ：wq!保存並退出

• 4，source ~/.bash_profile 使剛剛修改的文件生效

• 5，flutter -h 能夠查看flutter環境變量是否配置成功

三，在android studio 裏配置flutter和dart

咱們上面安裝好flutter，並配置好flutter的環境變量之後。就能夠進入咱們的as設置頁，後面用as來表明android studio。

四，使用androidstudio建立第一個flutter項目

1，建立項目時選擇flutter項目

2，選擇flutter application

3，填寫項目信息，保持默認便可

4，先用flutter建立的安卓項目

5，項目建立成功

6，安卓項目成功運行

• 原本準備在電腦模擬器上運行，截圖給你們的，結果模擬器有問題，就來拍個照，讓你們看看運行效果吧。

• 正常到這裏就能夠直接運行項目了，可是flutter的坑仍是比較多的，會遇到各類問題，我把我遇到的問題及解決方法都總結出來

五，常見問題彙總及解決

運行flutter項目的時候，遇到來這個問題，剛開始覺得是gradle的問題，其實最後仔細看，才知道是咱們的 Android SDK Build-Tools 28.0.3沒有安裝的問題。解決辦法也很簡單。

到這裏咱們就成功的使用Android studio建立並運行了一個flutter項目，隨着學習的深刻，感受flutter寫東西仍是很方便的，後面我會寫更多關於flutter的文章給你們，敬請關注。