5分钟学习Taro

本文的主线 定义 => 安装 => 开发

定义

Taro是什么?

• Taro是一个小程序开发框架

安装

首先 安装Node.js环境

node -v
# v14.17.3

npm -v
# 6.14.13

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm -v
# cnpm@7.0.0

然后 安装Taro CLI工具 => 用于创建Taro项目

cnpm i -g @tarojs/cli

taro -v
# 👽 Taro v3.3.1

开发

首先 创建Taro项目

taro init taro-demo
# ? 请输入项目介绍！
# ? 请选择框架 React
# ? 是否需要使用 TypeScript ？ No
# ? 请选择 CSS 预处理器（Sass/Less/Stylus） Sass
# ? 请选择模板源 Gitee（最快）
# ✔ 拉取远程模板仓库成功！
# ? 请选择模板 默认模板

cd taro-demo

然后 启动Taro项目

npm run dev:weapp

接着 下载并安装微信开发者工具

最后 打开微信开发者工具 => 导入项目taro-demo/dist

同时 关闭”ES6 转 ES5 功能”等配置

最终 效果如下图

参考

• Taro实战