CLI工具安裝
如果安裝程序出現 sass 相關的安裝錯誤,請在安裝 mirror-config-china 后重試,
# 先安裝了錯誤的問題
npm install -g mirror-config-china

- 安裝 CLI
# 使用 npm 安裝 CLI
npm install -g @tarojs/cli
# OR 使用 yarn 安裝 CLI
yarn global add @tarojs/cli
# OR 安裝了 cnpm,使用 cnpm 安裝 CLI
cnpm install -g @tarojs/cli

- 查詢安裝結果
# 查詢安裝結果
npm info @tarojs/cli

Taro小程式搭建
專案初始化,類似于 react 的腳手架搭建一個專案
- 初始化一個專案
# 初始化一個專案
taro init myApp
因為首次安裝有權限,所以 sudo 了一下


如果上面運行的 yarn install 失敗了 那就自己 cd 到專案,手動執行,
cd myApp
# 然后手動執行
npm install
# or use yarn
yarn install
小程式開發
接下倆我們就可以進行小程式的開發了,
下載并打開微信開發者工具,然后選擇專案根目錄進行預覽,
需要注意開發者工具的專案設定:
- 需要設定關閉 ES6 轉 ES5 功能,開啟可能報錯
- 需要設定關閉上傳代碼時樣式自動補全,開啟可能報錯
- 需要設定關閉代碼壓縮上傳,開啟可能報錯

將我們的專案打開,然后執行編譯命令
npm run dev:weapp
npm run build:weapp

解決版本不匹配問題
這里使用了 node 的版本管理模塊 n
可能遇到了一個問題
[Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (72)](https://stackoverflow.com/questions/60065790/node-sass-does-not-yet-support-your-current-environment-os-x-64-bit-with-unsupp)
這個問題是因為,node-sass 版本跟 node 版本不匹配,node-sass支持的node版本查看
解決方案
# 安裝 node 版本管理模塊 n
sudo npm install n -g
# 安裝 穩定版的 node
sudo n stable
# 安裝 最新的 node
# sudo n latest
# 升級或者降低版本使用
# sudo n 版本號
這里就直接安裝穩定版本就可以了
安裝完之后,查看已經安裝版本
n

如果安裝了好幾個,使用 n 版本號 就可以切換版本
# n 版本號
洗掉使用
sudo n rm 版本號
這之后你就可以修改頁面,進行開發了,主檔案是在 src-pages-index-index.jsx 中,
上述就是全部內容了,感謝各位觀看
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/279649.html
標籤:區塊鏈
上一篇:投資最重要的是選擇
