如何安裝配置Flutter開發(fā)環(huán)境以及真機(jī)運(yùn)行helloworld

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

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

下載安裝Git

點(diǎn)擊下載Cit.

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

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

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

下載安裝Flutter

點(diǎn)擊下載Flutter.

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

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

• 驗(yàn)證安裝
  win+R --》cmd 輸入 flutter --version
  顯示flutter的版本信息，就安裝好了
  
  然后輸入 flutter doctor
  自動(dòng)檢測(cè)并顯示安裝信息，這里需要稍微等待一會(huì)兒

• 報(bào)錯(cuò) 填坑
  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ì)自動(dòng)下載安裝，記得更改環(huán)境變量的配置

• 輸入：flutter --version
  

下載安裝 Android Studio

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

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

安裝Flutter 插件

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

• 搜索 flutter

• 點(diǎn)擊右側(cè) install，點(diǎn)擊下方 OK 或者 Apply 進(jìn)行安裝
  它會(huì)自動(dòng)安裝 dart 插件
  

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

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

新建Flutter 項(xiàng)目

• 點(diǎn)擊 Flutter Application

• 點(diǎn)擊next
  

• 點(diǎn)擊finish

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

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

• Flutter的代碼是寫在lib目錄中的，現(xiàn)在寫一個(gè)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！'),
        ),
      ),
    );
  }
}

運(yùn)行第一個(gè)Flutter 項(xiàng)目

由于我的電腦性能差，只能是真機(jī)運(yùn)行安卓程序

真機(jī)運(yùn)行Flutter程序.

昨天剛安裝配置好Flutter開發(fā)環(huán)境，記錄一下。

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

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

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

廣告

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