一区二区三区欧美日韩-一区二区三区欧美-一区二区三区免费在线视频-一区二区三区免费在线观看-久久精品店-久久精品第一页

歡迎您光臨深圳塔燈網絡科技有限公司!
電話圖標 余先生:13699882642

網站百科

為您解碼網站建設的點點滴滴

跨平臺移動開發 Flutter 初體驗

發表日期:2018-06 文章編輯:小燈 瀏覽次數:2258

原先一直都是在做iOS的原生開發,Android也是興趣平平,曾經也是很想學習下RN的,無奈web前端跟js的一些相關內容實在不熟悉,直到這次的flutter的出現 讓我重新有股學習的沖動。so,本文比較傾向于iOS的調試,所有的內容都是建立在對iOS原生開發比較熟悉的基礎上。

image

安裝flutter

官網flutter.io

當然跟著我做也一樣

安裝sdk

打開 Terminal先cd到你需要安裝的目錄下, 我這里直接在 ~ 個人目錄下

一次執行下面幾條命令

git clone -b beta https://github.com/flutter/flutter.gitexport PATH=`pwd`/flutter/bin:$PATHflutter doctor 

將flutter添加到環境變量中

vim ~/.brash_profile

//這個一定要添加export PATH=/Users/用戶名/xxxxxx/flutter/bin:$PATH
//這個是配置Android相關的 沒有Android studio 或者 只要測試iOS的話 這幾個可以先不管 export ANDROID_HOME="/Users/用戶名/Documents/android_sdk" //android sdk目錄,替換為你自己的即可 export PATH=${PATH}:${ANDROID_HOME}/tools export PATH=${PATH}:${ANDROID_HOME}/platform-tools 

執行source ~/.brash_profile

最后檢查下echo $PATH 看看 是否已經添加到環境變量中

image

flutter doctor 命令是用來檢查依賴環境

最后結果是這樣的


image

按照他的提示把缺少的內容安裝一下,我這里就主要安裝iOS相關的幾樣東西先

 brew install --HEAD libimobiledevicebrew install ideviceinstallerbrew install ios-deploy 

pod 大家應該都有裝

但是在安裝上面三個東西的時候brew居然給我報錯了

/usr/local/include is not writable.

這是什么鬼。。。查了很多方法
最后 解決方法 居然發現 /usr/local/ 目錄下居然沒有include這個目錄,手動添加一個include目錄解決!!!

link完成后再運行flutter doctor 看到iOS這塊沒問題就OK了(Android暫時不管了)

image

安裝VSCode

考慮到對Android studio 不是很熟悉,所以這次選擇了 vscode

直接在官網下載vscode


image

安裝flutter插件

打開vscode
按快捷鍵 cmd + shift + p或者 菜單欄選擇 view - command palette

輸入 install 選擇插件安裝

image

先安裝 flutter 的語言包 dart

image

接下來繼續安裝 flutter 插件

image

新建Flutter工程

打開vscodecmd + shift + p輸入 flutter 選擇 new project

image

這時候可能會提示 找不到 flutter sdk


image

手動導入下 (我是安裝在 ~目錄下直接選擇flutter目錄就可以)

輸入新建的工程名,選擇存放路徑

這時候就會自動生成相關工程文件

這是模板工程,選擇模擬器就能直接跑了

先打開模擬器 open -a Simulator

這是最下角就可以選擇剛剛打開的模擬器


image

點擊debug 直接運行


image

模擬器就跑起來了,效果還不錯~


image

Tips

vscode 默認創建的 xcode工程是 OC版本的
如果想要創建swift 版本的話 就不能通過vscode 來創建

需要直接命令行創建

flutter create -i swift ProjectName

這時候就是用swift的工程了

image

kotlin 也一樣加參數-a kotlin 就行了

今后會陸續再更新更具體的練手項目,敬請期待吧~~~

我的博客即將搬運同步至騰訊云+社區,邀請大家一同入駐:https://cloud.tencent.com/developer/support-plan?invite_code=3nyifx0wvqecc


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

多一份參考,總有益處

聯系深圳網站公司塔燈網絡,免費獲得網站建設方案及報價

咨詢相關問題或預約面談,可以通過以下方式與我們聯系

業務熱線:余經理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.    

主站蜘蛛池模板: 久久亚洲精选| 青青草国产精品| 成人在线不卡视频| 亚洲国产精品特色大片观看| 毛片在线网址| 精品国产90后在线观看| 超碰在线视频地址| 123成人站| 亚洲大片免费看| 日本特交大片免费观看| 久久无码AV亚洲精品色午夜| 国产精品你懂的在线播放| 91情国产l精品国产亚洲区| 亚洲男女羞羞无遮挡久久丫| 日本久久久| 欧美互交人妖247| 妈妈的职业3完整版在线播放| 国产亚洲精品久久久久久国| 超碰97av 在线人人操| 99久久全国免费久久爱| 中文字幕免费视频精品一| 息与子在线交尾中文字幕| 日韩一级精品久久久久| 男人边吃奶边摸边做刺激情话| 精品九九视频| 国产综合在线观看| 国产精品亚洲AV毛片一区二区三区 | 国产欧美另类久久久品| 大地影院免费观看视频| 99E久热只有精品8在线直播| 浴室里强摁做开腿呻吟的漫画男男| 小小水蜜桃视频高清在线播放| 色即是空 BT| 日日碰狠狠躁久久躁77777| 奶头好翘是不是想要了| 蕾丝边娱乐网| 免费久久狼人香蕉网| 狼群资源网中文字幕| 含羞草免费完整视频在线观看 | 国产人妻777人伦精品HD| 高h辣h双处全是肉一对一|