如何安裝配置Flutter開發環境以及真機運行hello world

今天就跟大家聊聊有關如何安裝配置Flutter開發環境以及真機運行hello world，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

下載安裝Git

點擊下載Cit.

• 下載之后解壓，選擇安裝目錄

• 配置環境變量
  （cmd路徑它會自動配置，這里需要配置一下bin目錄）
  

• 驗證安裝
  win+R --》cmd 輸入git
  顯示一大堆內容就算安裝好了
  

下載安裝Flutter

點擊下載Flutter.

• 下載之后解壓，選擇安裝目錄

• 配置環境變量
  配置鏡像
  PUB_HOSTED_URL=https://pub.flutter-io.cn
  FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  配置flutter的bin路徑
  

• 驗證安裝
  win+R --》cmd 輸入 flutter --version
  顯示flutter的版本信息，就安裝好了
  
  然后輸入 flutter doctor
  自動檢測并顯示安裝信息，這里需要稍微等待一會兒
  

• 報錯 填坑
  Error: The Flutter directory is not a clone of the GitHub project.
  The flutter tool requires Git in order to operate properly;
  to set up Flutter, run the following command:

• 解決辦法：把下載的安裝包刪掉，在想要安裝的目錄下打開cmd，輸入：
  git clone -b beta https://github.com/flutter/flutter.git
  就會自動下載安裝，記得更改環境變量的配置

• 輸入：flutter --version
  

下載安裝 Android Studio

Android Studio 的安裝教程很多，這里就不再贅述

• 注意設置Android SDK的環境變量

安裝Flutter 插件

• 打開Android Studio —> file —> Settings —> Plugins

• 搜索 flutter

• 點擊右側 install，點擊下方 OK 或者 Apply 進行安裝
  它會自動安裝 dart 插件
  

• 安裝完成之后，設置中出現 Flutter 和 Dart

• 在右側選擇到 Flutter 的bin 目錄
  會出現Flutter的版本信息
  

新建Flutter 項目

• 點擊 Flutter Application
  

• 點擊next
  

• 點擊finish
  

• 這樣就建好了一個Flutter項目，目錄結構是這樣的
  

• 修改倉庫地址到阿里云的maven倉庫
  
  google()
  替換為：
  maven{ url ‘https://maven.aliyun.com/repository/google’}

• Flutter的代碼是寫在lib目錄中的，現在寫一個hello world
  全選刪除掉lib目錄下的 main.dart的所有代碼
  將下面的代碼粘到lib目錄下的 main.dart 中

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Welcome to Flutter',
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text('Welcome to Flutter'),
        ),
        body: new Center(
          child: new Text('hello world！'),
        ),
      ),
    );
  }
}

運行第一個Flutter 項目

由于我的電腦性能差，只能是真機運行安卓程序

真機運行Flutter程序.

昨天剛安裝配置好Flutter開發環境，記錄一下。

看完上述內容，你們對如何安裝配置Flutter開發環境以及真機運行hello world有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。