Taro入门一脚

😒公司小姐姐离职交接项目，又要学习新的东西了。。

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 /> 组件