Mac 搭建flutter環(huán)境,使用VSCode 跑flutter

Flutter 由 Google 的工程師團(tuán)隊(duì)打造,用于創(chuàng)建高性能、跨平臺的移動應(yīng)用。Flutter 針對當(dāng)下以及未來的移動設(shè)備進(jìn)行優(yōu)化,專注于 Android and iOS 低延遲的輸入和高幀率。

Flutter 可以給開發(fā)者提供簡單、高效的方式來構(gòu)建和部署跨平臺、高性能移動應(yīng)用;給用戶提供漂亮、快速、jitter-free 的 app 體驗(yàn)。

Flutter 的主要組件:

一個(gè)高度優(yōu)化, mobile-first 2D 渲染引擎 (保護(hù)對 text 優(yōu)秀的支持)

一個(gè) functional-reactive 框架 (可選的,你也可以引入你自己的框架)

一組 Material Design 部件 (可選的,你也可以引入你自己的部件) 庫 ,工具,和一個(gè)用于 Atom 的插件。

一. 首先在Mac 上配置flutter環(huán)境

1. 下載Flutter Sdk

官方地址:

https://docs.flutter.dev/development/tools/sdk/releases?tab=macos

下載完成后,解壓出flutter,放在準(zhǔn)備好的目錄,這個(gè)路徑接下來要用

2. 配置路徑

終端open ~/.zshrc ,如果找不到則創(chuàng)建一個(gè)vim ~/.zshrc

編輯文件,

export PATH=$PATH:/flutter目錄/bin??(flutter的環(huán)境變量)

export PATH=$PATH:/flutter目錄/bin/cache/dart-sdk/bin??(dart的環(huán)境變量)?????????

將自己的flutter目錄對應(yīng)配置上去,保存。

終端flutter -- version就能看到版本信息了

二. VSCode 運(yùn)行項(xiàng)目

1. flutter 打開或者創(chuàng)建項(xiàng)目


2. Xcode 打開模擬器,作為iOS運(yùn)行設(shè)備,VSCode 底部藍(lán)條顯示可用設(shè)備


3. 漢化VSCode , command +shift +p 全局搜索language ,選擇configure display Language, 添加cn ,重啟flutter,漢化完成


4. 導(dǎo)入flutter、Dart等需要的擴(kuò)展


6. flutter命令行輸入 flutter run ,將會運(yùn)行在你的設(shè)備上,首次運(yùn)行時(shí),這個(gè)過程中,可能需要pod repo update, 那么考驗(yàn)網(wǎng)速的時(shí)候到了。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容