Flutter

Flutter 是 Google 研發(fā)的一套移動(dòng)端開(kāi)發(fā)框架，也是 Google 正在研發(fā)的下一代操作系統(tǒng) Fuchsia 的 App 開(kāi)發(fā)框架（Web 和 Desktop 也都在進(jìn)行積極的嘗試），前幾天剛發(fā)布了 1.0 正式版。關(guān)于 Flutter 的原理和介紹可以參考這篇文章。
Flutter中文網(wǎng):https://flutterchina.club/
如果你是iOS開(kāi)發(fā)者 Flutter for iOS 開(kāi)發(fā)者
如果你是android開(kāi)發(fā)者 Flutter for Android 開(kāi)發(fā)者
如果你是Web開(kāi)發(fā)者 Flutter for Web開(kāi)發(fā)者
如果你是RN開(kāi)發(fā)者 Flutter for React Native 開(kāi)發(fā)者
中文網(wǎng)站已經(jīng)做了非常詳細(xì)友好的教程了 這篇文章主要記錄在開(kāi)發(fā)中遇到的一些問(wèn)題點(diǎn)

準(zhǔn)備

環(huán)境搭建

按照文檔上的步驟搭完MAC開(kāi)發(fā)環(huán)境入門: 在macOS上搭建Flutter開(kāi)發(fā)環(huán)境

使用VS Code

講道理來(lái)說(shuō)可以使用Android Studio 或其他編譯器 我比較推薦VS Code VS Code下載地址

如何將VS Code 本地語(yǔ)言設(shè)置為中文

打開(kāi)VS Code
1、Command + Shift + P 輸入 Configure Display Language 將”en” 更改為”zh-CN”

更改本地UI語(yǔ)言

2、選擇擴(kuò)展 輸入Chinese 選擇第一個(gè)插件 install ok 重新打開(kāi)就可以了

添加擴(kuò)展插件

安裝Flutter插件

調(diào)用 View>Command Palette…
輸入 ‘install’, 然后選擇 Extensions: Install Extension action
在搜索框輸入 flutter , 在搜索結(jié)果列表中選擇 ‘Flutter’, 然后點(diǎn)擊 Install
選擇 ‘OK’ 重新啟動(dòng) VS Code

安裝flutter插件

通過(guò)Flutter Doctor驗(yàn)證您的設(shè)置

調(diào)用 View>Command Palette…
輸入 ‘doctor’, 然后選擇 ‘Flutter: Run Flutter Doctor’ action
查看“OUTPUT”窗口中的輸出是否有問(wèn)題

開(kāi)始第一個(gè)Flutter項(xiàng)目

官方有一個(gè)教學(xué)的項(xiàng)目 后面我會(huì)把自己的demo貼上來(lái)
這里有一些不錯(cuò)的Demo可以參考
一個(gè)入門級(jí)的FlutterDemo
這是一個(gè)用flutter仿寫(xiě)的微信UI Demo

未完待續(xù)...

本頁(yè)內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過(guò)網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁(yè)中由涉嫌抄襲的內(nèi)容，請(qǐng)及時(shí)與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會(huì)在5工作日內(nèi)聯(lián)系您，一經(jīng)查實(shí)，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://www.juherenli.com/18073.html