Flutter

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

準備

環境搭建

按照文檔上的步驟搭完MAC開發環境入門: 在macOS上搭建Flutter開發環境

使用VS Code

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

如何將VS Code 本地語言設置為中文

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

更改本地UI語言

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

添加擴展插件

安裝Flutter插件

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

安裝flutter插件

通過Flutter Doctor驗證您的設置

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

開始第一個Flutter項目

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

未完待續...

本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.junxiaosheng.cn/18073.html