Taro，快速上手教程（一）

pakolagij 發布于2019-08-23 12:28 / 3105人閱讀

摘要：個人所有文章同步到前言最近公司準備開發幾款可以在微信小程序端和端同時運行的一套商城，接著就是任務下發嘍，但是有一點，時間緊任務重，直接說其他的不管，反正幾個星期之內必須上線，頭疼。

個人所有文章同步到：https://github.com/zhengzhuan...

前言

最近公司Boss準備開發幾款可以在微信小程序端和H5端同時運行的一套商城，接著就是任務下發嘍，但是有一點，時間緊任務重，Boss直接說其他的不管，反正幾個星期之內必須上線，~~~頭疼。那就只好想辦法嘍

機緣巧合在一個博客欄目看到了Taro的beta版本，研究下，心里小九九就像看一下，誰知道是啥呢，這不看不知道一看嚇一跳，先上個圖

這簡直是一個神器啊，基本上等于自己多了這么多技能，感謝創作者們的激情付出

介紹

Taro是一套遵循 React 語法規范的多端統一開發框架

多端統一開發框架，支持用 React 的開發方式編寫一次代碼，生成能運行在微信小程序、H5、React Native 等的應用。

Taro 是一套遵循 React 語法規范的多端開發解決方案。現如今市面上端的形態多種多樣，Web、React-Native、微信小程序等各種端大行其道，當業務要求同時在不同的端都要求有所表現的時候，針對不同的端去編寫多套代碼的成本顯然非常高，這時候只編寫一套代碼就能夠適配到多端的能力就顯得極為需要。

使用 Taro，我們可以只書寫一套代碼，再通過 Taro 的編譯工具，將源代碼分別編譯出可以在不同端（微信小程序、H5、RN 等）運行的代碼

官網：https://taro.aotu.io/

React 語法風格

Taro 遵循 React 語法規范，它采用與 React 一致的組件化思想，組件生命周期與 React 保持一致，同時支持使用 JSX 語法，讓代碼具有更豐富的表現力，使用 Taro 進行開發可以獲得和 React 一致的開發體驗。

其實說實話，就算不會React，跟著Taro學習，看幾遍也就會了，作者就這這樣學習的，嘻嘻

正言

廢話不多說，直接上，正所謂，算了忘了古詩詞了，接下來進入Taro的世界吧

安裝

先來安裝一下Taro吧

/** Quick Start With NPM Or Yarn **/
$ npm install -g @tarojs/cli
$ yarn global add @tarojs/cli

小伙伴們安裝成功了嗎，如果不出現什么意外的情況下，基本上安裝都能成功，不成功的小伙伴看一下自己的node哦，node沒錯的話，可能是網絡的原因，可以嘗試一下cnpm吧

安裝成功后基本上可以看到以下畫面

看到這里證明你安裝成功了哦！下接下來輸入

taro -V

看一下版本哦，目前Taro可能處于初期開發階段，版本更新會比較快，不過不要緊，不會影響到你的項目哦，相反會更好

好了安裝成功后，Taro就可以正常使用啦

創建項目

接下來創建項目就是嘍

Taro init demo

taro會以非常快速度創建完成

這里作者不知道為啥地下有點不好，但不要緊，無關大雅

當你看到這里時，Taro項目就創建成功嘍，我感覺作者還是比較皮的，還有個可愛的小表情

GPU云服務器云服務器機器學習快速上手 Taro 上手 python快速教程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98574.html

Taro集成Redux快速上手

摘要：開發前需要安裝和以及一些需要用到的中間件如果在要使用的話，還需要引入這個庫或者使用示例下面通過實現一個快速上手。然后開始創建處理這兩個指令的。完成上述三步之后，我們就可以在應用的主頁使用相應修改并取得新的數據了。本文適合有一定React和Redux基礎的用戶閱讀。前言的前言最近被一款來自京東凹凸實驗室的多終端開發框架Taro吸粉了，官方對 Taro 的簡介是使用React語法，一...

DevYK 2019-08-22 18:10 評論0 收藏0
5分鐘快速上手多端開發框架Taro

摘要：第一步安裝鏈接安裝完成后在命令行輸入，顯示版本號即安裝成功，如下圖第二步安裝在命令行輸入或在這里我用的是，感謝阿里提供的國內鏡像安裝完成后入下圖所示輸入，會顯示當前安裝的版本，如下圖第三步使用命令創建模板項目打開目標文件夾后輸入命令第一步：安裝node.js（鏈接https://nodejs.org/en/）安裝完成后在命令行輸入node -v，顯示版本號即安裝成功，如下圖 sh...

li21 2019-08-22 18:10 評論0 收藏0
新的小程序開發框架？- Taro的深度實踐體驗

摘要：作為兩個小程序開發框架都使用過，并應用在生產環境里的人，自然是要比較一下兩者的異同點。在這里與當前很流行的小程序開發框架之一進行簡單對比，主要還是為了方便大家更快速地了解，從而選擇更適合自己的開發方式。前言前陣子，來自我們凹凸實驗室的遵循 React 語法規范的多端開發方案 - Taro終于對外開源了，歡迎圍觀star（先打波廣告）。作為第一批使用了Taro開發的TOPLIFE小程...

maochunguang 2019-08-22 18:24 評論0 收藏0
Taro 優秀學習資源匯總

摘要：多端統一開發框架優秀學習資源匯總官方資源項目倉庫官方文檔項目倉庫官方文檔微信小程序官方文檔百度智能小程序官方文檔支付寶小程序官方文檔字節跳動小程序官方文檔文章教程不敢閱讀包源碼帶你揭秘背后的哲學從到構建適配不同端微信小程序等的應用小程序最 Awesome Taro 多端統一開發框架 Taro 優秀學習資源匯總 showImg(https://segmentfault.com/img/r...

toddmark 2019-08-23 18:02 評論0 收藏0