用Taro寫一個微信小程式(一)——開始一個項目

  • 2021 年 4 月 29 日
  • 筆記

一、Taro簡介

1、名字由來

Taro[‘tɑ:roʊ],泰羅·奧特曼,宇宙警備隊總教官,實力最強的奧特曼。

2taro是什麼

Taro 是一個開放式跨端跨框架解決方案,支援使用 React/Vue/Nerv 等框架來開發微信/京東/百度/支付寶/字節跳動/ QQ 小程式/H5 等應用。

3、官方文檔

//taro-docs.jd.com/taro/docs/README/index.html

二、安裝

  1node版本

 node版本需要>=12.0.0(可以命令行輸入 node -v 查看當前node版本)

2CLI 工具安裝

npm install -g @tarojs/cli

三、項目初始化

taro init myApp

  

四、運行

Taro 需要運行不同的命令,將 Taro 程式碼編譯成不同端的程式碼,然後在對應的開發工具中查看效果。

這裡看一下微信小程式的編譯預覽及打包,需要其他的參考官網文檔

註:去掉 –watch 將不會監聽文件修改,並會對程式碼進行壓縮打包。

# yarn

$ yarn dev:weapp

$ yarn build:weapp

# npm script

$ npm run dev:weapp

$ npm run build:weapp

# 僅限全局安裝

$ taro build --type weapp --watch

$ taro build --type weapp

# npx 用戶也可以使用

$ npx taro build --type weapp --watch

$ npx taro build --type weapp

 

END——————

「在我下面6000多公里深處, 我看到了停泊在地心的「落日六號」地航飛船, 感受到了從地球中心傳出的她的心跳,聽到了她吟唱的《月光》……」