摘要:個人所有文章同步到前言最近公司準備開發(fā)幾款可以在微信小程序端和端同時運行的一套商城,接著就是任務(wù)下發(fā)嘍,但是有一點,時間緊任務(wù)重,直接說其他的不管,反正幾個星期之內(nèi)必須上線,頭疼。
個人所有文章同步到:https://github.com/zhengzhuan...
前言最近公司Boss準備開發(fā)幾款可以在微信小程序端和H5端同時運行的一套商城,接著就是任務(wù)下發(fā)嘍,但是有一點,時間緊任務(wù)重,Boss直接說其他的不管,反正幾個星期之內(nèi)必須上線,~~~頭疼。那就只好想辦法嘍
機緣巧合在一個博客欄目看到了Taro的beta版本,研究下,心里小九九就像看一下,誰知道是啥呢,這不看不知道一看嚇一跳,先上個圖
這簡直是一個神器啊,基本上等于自己多了這么多技能,感謝創(chuàng)作者們的激情付出
介紹Taro是一套遵循 React 語法規(guī)范的多端統(tǒng)一開發(fā)框架
多端統(tǒng)一開發(fā)框架,支持用 React 的開發(fā)方式編寫一次代碼,生成能運行在微信小程序、H5、React Native 等的應(yīng)用。
Taro 是一套遵循 React 語法規(guī)范的 多端開發(fā) 解決方案?,F(xiàn)如今市面上端的形態(tài)多種多樣,Web、React-Native、微信小程序等各種端大行其道,當(dāng)業(yè)務(wù)要求同時在不同的端都要求有所表現(xiàn)的時候,針對不同的端去編寫多套代碼的成本顯然非常高,這時候只編寫一套代碼就能夠適配到多端的能力就顯得極為需要。
使用 Taro,我們可以只書寫一套代碼,再通過 Taro 的編譯工具,將源代碼分別編譯出可以在不同端(微信小程序、H5、RN 等)運行的代碼
官網(wǎng):https://taro.aotu.io/
React 語法風(fēng)格
Taro 遵循 React 語法規(guī)范,它采用與 React 一致的組件化思想,組件生命周期與 React 保持一致,同時支持使用 JSX 語法,讓代碼具有更豐富的表現(xiàn)力,使用 Taro 進行開發(fā)可以獲得和 React 一致的開發(fā)體驗。
其實說實話,就算不會React,跟著Taro學(xué)習(xí),看幾遍也就會了,作者就這這樣學(xué)習(xí)的,嘻嘻
正言廢話不多說,直接上,正所謂,算了忘了古詩詞了,接下來進入Taro的世界吧
安裝先來安裝一下Taro吧
/** Quick Start With NPM Or Yarn **/ $ npm install -g @tarojs/cli $ yarn global add @tarojs/cli
小伙伴們安裝成功了嗎,如果不出現(xiàn)什么意外的情況下,基本上安裝都能成功,不成功的小伙伴看一下自己的node哦,node沒錯的話,可能是網(wǎng)絡(luò)的原因,可以嘗試一下cnpm吧
安裝成功后基本上可以看到以下畫面
看到這里證明你安裝成功了哦!下接下來輸入
taro -V
看一下版本哦,目前Taro可能處于初期開發(fā)階段,版本更新會比較快,不過不要緊,不會影響到你的項目哦,相反會更好
好了安裝成功后,Taro就可以正常使用啦
創(chuàng)建項目接下來創(chuàng)建項目就是嘍
Taro init demo
taro會以非??焖俣葎?chuàng)建完成
這里作者不知道為啥地下有點不好,但不要緊,無關(guān)大雅
當(dāng)你看到這里時,Taro項目就創(chuàng)建成功嘍,我感覺作者還是比較皮的,還有個可愛的小表情
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/98574.html
摘要:開發(fā)前需要安裝和以及一些需要用到的中間件如果在要使用的話,還需要引入這個庫或者使用示例下面通過實現(xiàn)一個快速上手。然后開始創(chuàng)建處理這兩個指令的。完成上述三步之后,我們就可以在應(yīng)用的主頁使用相應(yīng)修改并取得新的數(shù)據(jù)了。 本文適合有一定React和Redux基礎(chǔ)的用戶閱讀。 前言的前言 最近被一款來自京東凹凸實驗室的多終端開發(fā)框架Taro吸粉了,官方對 Taro 的簡介是使用React語法,一...
摘要:第一步安裝鏈接安裝完成后在命令行輸入,顯示版本號即安裝成功,如下圖第二步安裝在命令行輸入或在這里我用的是,感謝阿里提供的國內(nèi)鏡像安裝完成后入下圖所示輸入,會顯示當(dāng)前安裝的版本,如下圖第三步使用命令創(chuàng)建模板項目打開目標文件夾后輸入命令 第一步:安裝node.js(鏈接https://nodejs.org/en/) 安裝完成后在命令行輸入node -v,顯示版本號即安裝成功,如下圖 sh...
摘要:作為兩個小程序開發(fā)框架都使用過,并應(yīng)用在生產(chǎn)環(huán)境里的人,自然是要比較一下兩者的異同點。在這里與當(dāng)前很流行的小程序開發(fā)框架之一進行簡單對比,主要還是為了方便大家更快速地了解,從而選擇更適合自己的開發(fā)方式。 前言 前陣子,來自我們凹凸實驗室的遵循 React 語法規(guī)范的多端開發(fā)方案 - Taro終于對外開源了,歡迎圍觀star(先打波廣告)。作為第一批使用了Taro開發(fā)的TOPLIFE小程...
摘要:多端統(tǒng)一開發(fā)框架優(yōu)秀學(xué)習(xí)資源匯總官方資源項目倉庫官方文檔項目倉庫官方文檔微信小程序官方文檔百度智能小程序官方文檔支付寶小程序官方文檔字節(jié)跳動小程序官方文檔文章教程不敢閱讀包源碼帶你揭秘背后的哲學(xué)從到構(gòu)建適配不同端微信小程序等的應(yīng)用小程序最 Awesome Taro 多端統(tǒng)一開發(fā)框架 Taro 優(yōu)秀學(xué)習(xí)資源匯總 showImg(https://segmentfault.com/img/r...
閱讀 3167·2021-09-22 15:50
閱讀 3363·2021-09-10 10:51
閱讀 3189·2019-08-29 17:10
閱讀 2949·2019-08-26 12:14
閱讀 1866·2019-08-26 12:00
閱讀 1017·2019-08-26 11:44
閱讀 679·2019-08-26 11:44
閱讀 2853·2019-08-26 11:41