Flutter

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

準(zhǔn)備

環(huán)境搭建

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

使用VS Code

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

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

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

更改本地UI語言

2、選擇擴展 輸入Chinese 選擇第一個插件 install ok 重新打開就可以了

添加擴展插件

安裝Flutter插件

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

安裝flutter插件

通過Flutter Doctor驗證您的設(shè)置

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

開始第一個Flutter項目

官方有一個教學(xué)的項目 后面我會把自己的demo貼上來
這里有一些不錯的Demo可以參考
一個入門級的FlutterDemo
這是一個用flutter仿寫的微信UI Demo

未完待續(xù)...

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