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,然...