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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值