Taro-ui项目

一、Taro介绍

简介#
Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。现如今市面上端的形态多种多样，Web、React Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

taro官网

二、安装

安装时间有点慢，推荐使用yarn安装
可能会存在安装好taro后创建项目找不到命令问题
taro 安装完成后默认所属权是管理员的，如果你使用非管理员权限去只是taro init myApp命令时候会出现permission denied，需要加sudo才可以解决

执行 如下命令即可解决

sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}

chown -R 是设置所属用户和用户组
whoami 是查询当前用户是谁
npm config get prefix 是查看npm路径安装在哪里
/{lib/node_modules,bin,share} 是将/lib/node_modules、/bin、/share 这三个的目录权限设置为whoam

i

# 使用 npm 安装 CLI
$ npm install -g @tarojs/cli
# OR 使用 yarn 安装 CLI
$ yarn global add @tarojs/cli
# OR 安装了 cnpm，使用 cnpm 安装 CLI
$ cnpm install -g @tarojs/cli

三、项目初始化#

使用命令创建模板项目

$ taro init myApp

四、运行

使用对应的命令运行即可

五、安装组件（taro-ui）

taro-ui

npm install taro-ui

yarn add taro-ui

六、Taro-ui 引入index.scss错误问题

安装tao-ui时,如果出现报错，可以尝试更换taro-ui版本，因为目前taro ui2.+和taro3.+版本不兼容,使用以下命令可解决

npm install taro-ui@3.0.0-alpha.3
yarn add  taro-ui@3.0.0-alpha.3

然后再使用组件

七、项目地址

基础项目demo
https://gitee.com/waillyer/taro-for-taro-ui.git