😒公司小姐姐离职交接项目,又要学习新的东西了。。
taro安装
1、安装脚手架
npm install -g @tarojs/cli
2、初始化项目
taro init 项目名
3、安装依赖
npm install/yarn
4、编译
# yarn
$ yarn dev:weapp
$ yarn build:weapp
# npm script
$ npm run dev:weapp
$ npm run build:weapp
# 仅限全局安装
$ taro build --type weapp --watch
$ taro build --type weapp
# npx 用户也可以使用
$ npx taro build --type weapp --watch
$ npx taro build --type weapp
taro-路由功能
在Taro中,路由功能是默认自带的,不需要开发者进行额外的路由配置。
我们只需要在入口文件的 config
配置中指定好 pages
,然后就可以在代码中通过Taro提供的API来跳转到目的页面
// 跳转到目的页面,打开页面
Taro.navigateTo({
url: '/pages/path/to/name'
})
// 跳转到目的页面,在当前页面打开
Taro.redirectTo({
url: '/pages/path/to/name'
})
taro-组件库
Taro以微信小程序组件库为标准,结合jsx语法规范,制定了一套自己的组件库规范。
基于以上原则,在小程序端,我们可以使用所有的小程序原生组件,而在其他端,我们提供了对应的组件库实现
- H5端,
@tarojs/components
,同时也是需要引入的默认标准组件库 - RN端,
@tarojs/components-rn
在使用时,我们需要先从 Taro 标准组件库 @tarojs/components
引用组件,再进行使用,例如 <View />
<Text />
组件