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

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供城區(qū)網(wǎng)站建設、城區(qū)做網(wǎng)站、城區(qū)網(wǎng)站設計、城區(qū)網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、城區(qū)企業(yè)網(wǎng)站模板建站服務，十載城區(qū)做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡服務。

下載安裝Git

點擊下載Cit.

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

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

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

下載安裝Flutter

點擊下載Flutter.

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

• 配置環(huán)境變量
  配置鏡像
  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
  就會自動下載安裝，記得更改環(huán)境變量的配置

• 輸入：flutter --version
  

下載安裝 Android Studio

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

• 注意設置Android SDK的環(huán)境變量

安裝Flutter 插件

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

• 搜索 flutter

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

• 安裝完成之后，設置中出現(xiàn) Flutter 和 Dart

• 在右側(cè)選擇到 Flutter 的bin 目錄
  會出現(xiàn)Flutter的版本信息

新建Flutter 項目

• 點擊 Flutter Application

• 點擊next
  

• 點擊finish

• 這樣就建好了一個Flutter項目，目錄結(jié)構(gòu)是這樣的
  

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

• Flutter的代碼是寫在lib目錄中的，現(xiàn)在寫一個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開發(fā)環(huán)境，記錄一下。

看完上述內(nèi)容，你們對如何安裝配置Flutter開發(fā)環(huán)境以及真機運行hello world有進一步的了解嗎？如果還想了解更多知識或者相關內(nèi)容，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

名稱欄目：如何安裝配置Flutter開發(fā)環(huán)境以及真機運行helloworld
鏈接地址：http://chinadenli.net/article34/gedjse.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設計、App開發(fā)、企業(yè)建站、做網(wǎng)站、網(wǎng)站排名、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)