小程式開發框架 Taro(一)基礎篇

2022-05-06 03:24:07 字數 1421 閱讀 4931

1. taro簡介

taro的環境搭建要求更新node到最新版本,所以先老老實實的更新node吧

2.1) 先檢視下自己的編譯環境node的版本號

node -v

where node

2.2) 依次執行如下命令進行taro環境搭建

npm config set registry

npm config set sass_binary_site

cnpm install -g @tarojs/cli

第乙個命令是使用npm的**映象,

第二個命令是配置node-sass為**映象

第三個命令是使用cnpm全域性安裝taro,將會生成乙個taro 命令。taro-cli 包位於 taro 工程的 packages 目錄下,主要負責專案初始化、編譯、構建等

安裝完成之後通過如下命令檢視taro是否安裝完畢

taro -v

如果安裝沒有問題會顯示如下

2.3) 配置環境遇到如下錯誤如何處理

3. 專案搭建

通過如下命令搭建專案

taro init taro-learning-pro

這裡新建了乙個名字叫taro-learning-pro的專案(在建立專案的時候,專案名最好不要包含大寫字母…),在輸入上述命令之後,按照提示一步一步操作

此時乙個使用預設模板建立的專案就建立好了,目錄結構如下,使用不同的模板生成的專案目錄會有一些小小的差別

該命令會編譯專案**,並在dist目錄生成目標檔案,結果如下

然後選擇專案目錄中的dist資料夾

5. taro專案結構分析

6. yarn命令詳解

全域性安裝yarn工具: cnpm install -g yarn

新增乙個依賴,通過 yarn add 新增依賴會更新 package.json 以及 yarn.lock 檔案

yarn add [packagename]

yarn add [packagename] --dev 依賴會記錄在 package.json 的 devdependencies 下

更新依賴

yarn upgrade

也可以更新指定的依賴

yarn upgrade [packagename]

移除乙個依賴

yarn remove [packagename]

安裝 package.json 中的所有檔案

yarn 或者 yarn install

更新yarn.lock:

cnpm install -g yarn

yarn

更新package.json:

npm install -g npm-check-updates

ncu -u

通過上述命令,即可完成yarn.lock檔案和package.json檔案的依賴庫更新

點讚 4

小程式開發框架 Taro(基礎篇)

簡介 特性 react語法風格 taro 遵循 react 語法規範,它採用與 react 一致的元件化思想,元件生命週期與 react 保持一致,同時支援使用 jsx 語法,讓 具有更豐富的表現力,使用 taro 進行開發可以獲得和 react 一致的開發體驗。支援多端開發轉化 安裝及使用 cli...

使用taro開發小程式

ps taro專案基於node,請確保node環境為較新的 8.0.0 1 npm安裝 npm install g tarojs cli 2 yarn安裝 yarn global add tarojs cli 3 cnpm安裝 cnpm install g tarojs cli ps 安裝過程如果出...

taro開發小程式引入icon字型庫

阿里巴巴字型庫使用方法 1.進入阿里巴巴字型官網 註冊登入 2.按照如圖所示1 2 3 建立乙個專案 3.在首頁選擇需要的字型新增到購物車,4.在右上角購物車內,將所選圖示新增到專案中 6.在本地專案中引入該樣式即可使用 標籤內直接新增 字型類名和選中的類名 7.建立個公共的樣式檔案styles,然...